入门HTML的回顾,小总结

1.HTML(是一种超文本标记语言   Hypertext Markup Language),HTML不是一种编程语言,而是一种标记语言,描述网页的语言,HTML是由一套标记标签(markup tag)组成

java 是编程语言

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

01.DOCTYPE声明

(1)Strict(严格类型):这种声明完全符合W3C的标准,但要求比较严格,对应的声明为:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtmll/DTD/xhtml-strict.dtd">

(2).Transitional(过渡类型):也称松散(loose)声明。相比Strict而言,要求相对宽松一些,对应的声明w为:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

(3).Frameset(框架类型):Strict声明中不允许使用框架,当页面中需要使用框架时,则使用该声明。对应的声明为:

<!DOCTYPE PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

(4).<meta>标签

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

其中,属性“http-equiv” 提供 “名称/值”中的名称,“content”提供“名称/值”,HTML代码的含义如下。

>名称:Content-Type(文档内容类型)。

>值:text/html;charset=gb2312(文本类型的html类型,字符编码为简体中文),charset表示字符集编码(是很重要的,防止出现乱码)。常用的编码有一下几种。

★   gb2312:简体中文,一般用于包含中文和英文的页面。

★   ISO-885901:纯英文,一般用于只包含英文的页面。

★   big5:繁体,一般用于带有繁体字的页面。

★   utf-8:国际性通用的字符编码,同样适用于中文和英文的页面。

<p>标签是一个内容标签,而<table>标签是结构标签,不允许将<table>标签置于<p>标签内部。将<p>标签置于<td></td>之间,则完全正确。

标题标签:<h1>~<h6>,<h1>字号最大,<h6>字号最小,

段落标签:<p>文本内容省略</p>

换行标签:<br/>  强制换行显示,没有结束标签,直接使用<br/>表示标签的开始和结束。

水平标签:<hr/>  表示一条水平线,没有结束标签。

字体样式标签:字体加粗的标签是<strong>……</strong>,斜体字的标签是<em>……</em>。

注释和特殊符号<!--注释内容-->

图像标签

☆  常用的图像格式

后缀名分别有:   .JPG   .glf   .Bmp   .png

图像标签的基本语法

<img src="图片地址(图片路径)" alt="图像的替代文字"  title=“鼠标悬停提示文字(当鼠标移至图片上时显示提示信息)”  width=“图片宽度” height="图片高度">

链接标签:

超链接包含两部分内容:一是链接地址,即链接目标,可以是某个网址或文件的路径,对应为<a>标签的href属性;二是链接文本或图像,单击该文本或图像,将跳转到href属性指定的链接地址,超链接的基本语法如下:

<a  href="链接地址"  target=“目标窗口位置”>链接文本或图像</a>

>href:表示链接地址的路径。

> target:指定链接在哪个窗体打开,常用的取值有_self(自身窗体)、_blank(新建窗体)。

根据链接的地址是指向站外文件还是站内文件,链接地址有分为绝对路径和相对路径。

★站外使用 绝对路径:指向目标地址的完整描述,一般指向本站点外的文件。

例如:<a href="http://www.sohu.com/index.html">搜狐</a>。

★站内使用 相对路径 ,相对于当前页面的路径,一般指向本站点内的文件,所以一般不需要一个完整的URL地址的形式。、

例如:<a href="login/login.html">登录</a>表示链接地址为当前页面所在路径的“login”目录下的“login。html”页面。

站内使用相对路径时常用到两个特殊符号:“../”表示当前目录的上一级目录,“../../”表示当前目录的上上级目录。

例如:<a href="../web1.html">上级目录</a>

<a href="../../web1.html">上上级目录</a>

超链接的应用:

>页面间链接:A页到B页,

<p><a href="elearing/index.html" target="_blank">XXX</a></p>
<p><a href="elearing/courseList.html" target="_blank">XXX</a></p>

>锚链接:A页甲位置到A页的乙位置或A页甲位置到B页的乙位置。

>功能性链接:在页面中调用其他程序功能,如电子邮件,QQ ,MSN 等。

时间: 2024-12-06 09:56:52

入门HTML的回顾,小总结的相关文章

javascript入门视频第一天 小案例制作 零基础开始学习javascript

JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此,小强老师给大家写了这篇入门的javascript文章.从零基础开始学习js,使大家入门更简单,希望大家喜欢.JavaScript是一种脚本语言. 也是我们web网络中最为流行一种脚本语言.脚本语言:     1.不是独立存在的.需要依附.js就是依附在浏览器中.     2.脚本语言也是语言,也有

微信小程序开发入门学习(1):石头剪刀布小游戏

从今天起开始捣鼓小程序了2018-12-17   10:02:15 跟着教程做了第一个入门实例有兴趣的朋友可以看看: 猜拳游戏布局 程序达到的效果 猜拳游戏的布局是纵向显示了三个组件:文本组件(text).图像组件(image)和按钮组件(button).在创建小程序工程时,默认建立了两个页面:index 和 logs.我们不需要管 logs,在这个例子中只修改和 index 页面相关的文件,index 是小程序第一个显示的页面,其中 index.wxml 文件是 index 页面的布局文件.

Hadoop HDFS编程 API入门系列之合并小文件到HDFS(三)

不多说,直接上代码.  代码 package zhouls.bigdata.myWholeHadoop.HDFS.hdfs7; import java.io.IOException;import java.net.URI;import java.net.URISyntaxException;import org.apache.hadoop.conf.Configuration;import org.apache.hadoop.fs.FSDataInputStream;import org.apa

js入门学习~ 运动应用小例

要实现的效果如下: 鼠标移入各个小方块,实现对应的效果(变宽,变高,移入透明,移出恢复)~~ (且各运动相互之前不干扰)  主要是练习多个物体的运动框架~~ ----------------------------------------------------js代码如下 ----------------------------------------------------- //执行函数window.onload = function(){ //声明控制变量 var aDiv = docu

MVC——入门+最简单的小实例

MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controler)的缩写,一种软件设计典范,用于组织代码用一种业务逻辑和数据显示分离的方法. 1.最上面直接面向用户的"视图层"(View).它是提供给用户的操作界面. 2.最底层核心的"数据层"(Model),也就是程序需要操作的数据或信息. 3.中间层是"控制层"(Controller),它负责根据用户从"视图层"输入

Python基础入门-实现猜数字小游戏

今天呢,我们来通过前面学过的一些知识点来完成一个猜数字大小的游戏程序设计.那么呢,一般人写代码直接上来就干,没有分析,这样的做法是没有产出的,除非你是大牛,今天呢,我会把我学习编程的思路分享给大家,我的思路可能不是最好的,但是一定可以给你一点点的启发,来,让我们看一下这个写这个小程序该怎么去分析呢? 需求分析:用python实现一个猜数字的小游戏(场景可以自拟)这里我给出的需求是,我们还是先看一下流程图吧! 程序分析流程图: 分析思路: 1.如果设置默认值也就是结果数字,那么请输出"I"

入门系列(一) 微信小程序简介

一.简介 1.目录结构 首先,我们使用微信公众平台提供的开发者工具,创建一个简单的小程序项目,观察项目的目录结构 不难看出,一个典型的微信小程序,通常包含一个描述整体的主体部分,以及一个描述页面的 pages 文件夹 主体:用于描述整体的程序,位于根目录下,通常由三个文件构成 app.js:小程序的逻辑代码文件,遵守 JavaScript 语言规范 app.json:小程序的公共配置文件,遵守 JSON 语言规范 app.wxss:小程序的公共样式文件,兼容 CSS 语法规范 页面:用于描述小程

大数据的五大核心技术,给大数据同行入门研究参考的小知识

21世纪,世界已经进入数据大爆炸的时代,大数据时代已经来临.从商业公司内部的各种管理和运营数据,到个人移动终端与消费电子产品的社会化数据,再到互联网产生的海量信息数据等,每天世界上产生的信息量正在飞速增长.2009年数据信息量达到8 000亿GB,而到2011年达到1.8 ZB.图灵奖获得者Jim Gray提出的“新摩尔定律”:“每18个月全球新增信息量是计算机有史以来全部信息量的总和”,已经得到验证. 大数据的“大”不仅仅体现在数据的海量性,还在于其数据类型的复杂性.随着报表.账单.影像.办公

python入门(四)小数据池、深浅拷贝、集合

3.8 小数据池 小数据池:缓存机制(驻留机制) ==(用于判断两边的内容是否相等) a=10 b=10 print(a==b)# ==用于判断两边的内容是否相等 is(用于判断两边内存地址是否相等) a=10 b=10 print(a is b) #输出 True #小数据池总结 #1.数字范围:-5~256 #2.字符串: """ 1.同一代码下,内容相同则内存地址相同 2.乘法相乘总长度不能超过20 3.惩罚的时候中文.特殊符号乘以0 """