1、HTML 标题
HTML 标题（Heading）是通过 h1-h6 加中括号<>等标签进行定义的。
2、HTML 段落
HTML 段落是通过
标签进行定义的。
3、HTML 链接
HTML 链接是通过《a》标签进行定义的。
4、HTML 图像
HTML 图像是通过 标签进行定义的。
5、HTML 元素
HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
6、HTML 元素语法
a、HTML 元素以开始标签起始
b、 HTML 元素以结束标签终止
c、 元素的内容是开始标签与结束标签之间的内容
d、 某些 HTML 元素具有空内容（empty content）
e、 空元素在开始标签中进行关闭（以开始标签的结束而结束）
f、 大多数 HTML 元素可拥有属性
HTML的一般结构如下：
<html>----以<html>开始，以</html>结束，表示之间的文档是HTML
<head>----HTML文档的头部，主要放文档的标题信息
<title>未使用CSS的HTML文件</title>
</head>
<body>----HTML的主体部分
<h1>未使用CSS的HTML文件</h1>
<hr>----在网页中插入一条水平线
<p>未使用CSS的HTML文件</p>
</body>
</html>
3.标记语法
(1)标记在使用时必须用尖括号"<>"括起来；标记的大小写作用相同；
(2)单标记：<标记名称>，例如<br>它表示换行；
(3)双标记：<标记>内容</标记>
例如：<em>第一：</em>，它表示突出对“第一：”的显示；
(4)：标记可以包含标记本身，即可以嵌套使用
<html>
<head>
<title>请输入密码</title>
</head>
<body>
<form>
<table border="1", width="321">
<tr>
<td>请输入密码</td>
</tr>
<tr>
<td>密码<input type="password" name="text1"></td>
</tr>
</table>
</form>
</body>
</html>
4. 属性语法
大多数单标记和双标记的始标记内部都可以包含一些属性
<标记名字 属性1 属性2 ...>
例如单标记<img>表示在文档当前位置插入一幅图片
<img src="1.jpg" width="652px" height="1249px" alt="博客">
其中src属性规定显示图像的路径，width属性设置图像的宽度，height属性设置图像的高度，alt属性规定图像的代替文本，src属性为必需属性，其他属性为可选属性。
5. HTML文件命名：
(1)文件的扩展名要以.html或.htm结束；
(2)文件名中只可由英文字母、数字或下划线组成；
(3)文件名中不要包含特殊符号，如空格、￥等；
(4)文件名师区分大小写的，在Unix和Windows主机中有大小写的不同；
(5)网站首页文件名默认是index.htm或index.html；
6. 编写HTML文件的注意事项：
(1)所有标记都要用尖括号<>括起来；
(2)成对出现的标记不要漏写；
(3)采用标记嵌套的方式可以为同一个信息应用多个标记，如<tag1><tag2>同一个信息</tag2></tag1>；
(4)在代码中，不区分大小写；
(5)任何空格或回车在代码中都无效，插入空格或回车有专用的标记，分别是 , <br>；
(6)标记中不要有空格；
(7)标记中的属性，可以用双引号("")引起来，也可以不引；
<hr color=red> 等价于 <hr color="red">
7.<p></p>表示插入段落文字；
8.绘制表格：三个成对标记<table></table>、<tr></tr>、<td></td>
<table width="650" border="1"> ----<table>是制作表格的标记，其后的属性依次为表格宽度，边框粗细
<tr>----<tr>表示插入行，一对<tr>表示一行
<td>----<td>表示一列
HTML基础教程<br>
作者：王占金等
<br>----<br>表示换行，单标记
定价49.00元<br>
</td>
<td>
<img src="1.jpg" width="69px" height="92" alt="HTML">
</td>
</tr>
<tr>
<td>
搜索引擎营销-网站流量大提速<br>
作者：（美）亨特<br>
定价：69.80元<br>
</td>
</tr>
</table>
9. 设置页面标题：<title>页面标题</title>；
10. 设置基地网址<base>
(1)<base>标记一般用于设计文件的URL地址；
(2)一个HTML文件只能有一个<base>标记，同时该标记必须放于头部文件中；
(3)<base href="文件路径" target="目标窗口">
href用于设置网页文件链接的地址，target用于设置页面显示的目标窗口。
例如：
<html>
<head>
<title>设置基地网址</title>
<base href=" View.com.cn">
</head>
<body>
2007年1月16日，电子工业出版社<a href="index">博文视点</a>公司召开了一次晚会。
</body>
</html>
11.定义元信息<meta>
(1)该标记的主要功能是定义页面中的一些信息，但这些信息不会出现在网页中，而会在源文件中显示；
(2)<meta>标记通过一些属性来定义文件爱你的信息，例如，文件爱你的关键字、作者信息、网页过期时间等，HTML文件的头部文件可以有多个<meta>标记；
(3)基本语法：
<meta http-equiv="" name="" content="">
http-equiv属性用于设置一个http的标题域，但确定值由content属性决定，name属性用于设置元信息出现的形式，content用于设置元信息出现的内容。
12.设置页面关键字--keywords
(1)基本语法：<meta name="keywords" content="value">
(2)语法说明：keywords用于说明定义的是关键字，value用于说明该网页定义的关键字，可以是多个关键字；
(3)例子：
<html>
<head>
<title>设置关键字</title>
<meta name="keywords" content="计算机、英语、经管、财会、职场"> ----此行代码表示在该HTML文件中定义的关键字为“计算机、英语、经管、财会、职场”，当利用搜索引擎搜索图书时，输入任何一个关键字都可以搜索到该网页。
</head>
<body>
......
</body>
</html>
13. 设置页面过期时间--expires
(1)基本语法： <meta http-equiv="expires" content="value">
(2)语法说明： expires用于设计页面过期时间，content属性设置具体过期时间值；
(3)例子：
<html>
<head>
<title>设置页面过期时间</title>
<meta http-equiv="expires" content="FRI,1 Jun 2017 00 00 00 GMT">
</head>
<body>
......
</body>
</html>
14.设置页面背景
(1)基本语法：<body bgcolor="">
(2)语法说明：bgcolor可以设置网页的背景颜色；
(3)例子：
<html>
<head> ...</head>
<body style="background-color:blue">----此行代码表示：将网页背景颜色设置为蓝色，也可以设置为 red white等，也可以十六进制数表示，例如“#00ff00”，或者rgb(0,0,0)的形式
......
</body>
</html>
15.设置页面边距
(1)基本语法：<body topmargin=value leftmargin=value rightmargin=value bottommargin=value>
(2)语法说明：topmargin 设置到顶端的距离
leftmargin设置到左边的距离
rightmargin设置到右边的距离
bottommargin设置到低端的距离
(3)例子：
<html>
<head>......</head>
<body topmargin=0 leftmargin=20 rightmargin=20 bottommargin=180>
2016年5月9日，阴雨
</body>
</html>
16.设计正文颜色
(1)基本语法：<body text=""> ...</body>
(2)语法说明：利用text属性设置文档的颜色时，还可以进行其他设置，例如：背景、字体等；
(3)例子：
<html>
<head>......</head>
<body text="white" bgcolor="red">
2016年5月9日，阴雨
</body>
</html>
17.添加注释 <!-->
注释信息不会在网页中显示，可以放在HTML文件的任何地方
<!--请在此添加注释语句-->
18. 添加空格
在主体中使用，一个 代表空一个字符
19.添加删除线 <del></del>
使用成对标记<del></del>，在主体中添加
<body>
<del>请在此输入需要添加删除线的文字</del>
</body>
如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html/h60360.shtml
