常用的HTML标记

1、常用的HTML标记基本结构标记HTML语言是由一些标记、字母和文字组成的，语言是由一些标记、字母和文字组成的，可以用你熟悉的编辑器来编辑它，例如可以用你熟悉的编辑器来编辑它，例如EDIT、VI、WS、WORD等。等。纯纯HTML语言文件一定要以纯文本方式保存，因语言文件一定要以纯文本方式保存，因为浏览器只认识纯文本格式的文件，并且文件名要为浏览器只认识纯文本格式的文件，并且文件名要存为存为 *.HTML 或者或者*.HTM 形式。形式。HTML文档的编写方法手工直接编写n记事本等，存成.htm .html格式使用可视化HTML编 辑 器nFrontpage、Dreamweaver等由Web 服

2、务器（ 或称HTTP 服务器） 一 方实时动态地生成。网页文件命名*.htm或*.html无空格无特殊符号（例如&符号），只可以有下划线“_”，只可以为英文、数字区分大小写首页文件名默认为：index.htm 或 index.html标记的形式 标记本身也是文字字符串。n标记总是处于“”之间，并且这两个符号和标记名字之间不含有空格符n标记一般是成对出现的n开始符和结束符的区别就是在“”号后面有一个斜线 “/” 例如： 标记示例单个的标记以及标记的属性n单个标记 、n标记的属性 属性是标记的附属集合，这些属性一般置于开始符号的括号中，并用等号“=”赋值，这个值依然处于括号中。用来精确的显

3、示确定这些标记的显示方式。 例1： 开始与结束标记开始与结束标记 语法格式：语法格式： 从这里开始的内容为从这里开始的内容为HTML文档。文档。 头部标记头部标记 语法格式：语法格式： HTML文档的头部内容文档的头部内容 头部里面一般包括注释、头部里面一般包括注释、META和标题。和标题。标题标记标题标记 语法格式：语法格式： Web页面的标题页面的标题页面标题写在头部标记之中，会显示在页面标题写在头部标记之中，会显示在Web浏览器浏览器最上面的标题栏的位置。最上面的标题栏的位置。主体标记主体标记语法格式：语法格式： 这里为这里为HTML文档的主体内容。文档的主体内容。 还有一些属性可以设定

4、背景色，背景图形等。还有一些属性可以设定背景色，背景图形等。例例 1：HTML语言的结构语言的结构使用使用HTML语言编写文件，了解语言编写文件，了解HTML语言的结构。语言的结构。保存时，保存时，“保存类型保存类型”选择选择“纯文本纯文本”，“文件名文件名”写写“ 1.html”。语法格式语法格式： 文档内容文档内容中的一些属性中的一些属性元素及元素属性2元素中有下列元素属性： nbgcolornbgcolor属性标志HTML文档的背景颜色。如：bgcolor=“#CCFFCC”。HTML对颜色的控制nHTML对颜色的控制也有自己的语法。HTML使用16进制的RGB颜色值对颜色进行控制。n1

5、6 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.颜色颜色名和RGB值黑色Black=”#000000”银色Silver=”#c0c0c0”红色Red=”#ff0000”蓝色Blue=”#0000ff”白色White=”#ffffff”黄色Yellow=”ffff00”绿色Green=”#00ff00”海蓝色Aqua=”#00ffff”常见颜色的代码元素及元素属性n元素中有下列元素属性： ntextntext属性标志HTML文档的正文文字颜色。如：text=“#FF6666”。Text元素定义的颜色将应用于整篇文档。元素及元素属性3n元素中有下列元素属性： n

6、backgroundnbackground属性标志HTML文档的背景图片。如：background=“images/bg.gif。n可以使用的图片格式为GIF，JPG文本格式标记文本格式标记标题字体标题字体 被被和和夹在中间的文字，是文章里的大号夹在中间的文字，是文章里的大号标题字体。标题字体。依次可以标注出六个层级的子标题，从依次可以标注出六个层级的子标题，从、到到。语法格式：语法格式：标题文字标题文字 ( i= 1,6 )例例 2：H1的标题字体最大！的标题字体最大！H2的标题字体较大！的标题字体较大！这是这是H3标题字体！标题字体！这是这是H4标题字体！标题字体！这是这是H5标题字体！标

7、题字体！H6标题字体最小！标题字体最小！标题标记HTML 简介 HTML 简介 HTML 简介 HTML 简介 HTML 简介 HTML 简介 HTML 简介 可显示六种大小的标题，即可显示六种大小的标题，即到到，为最大，为最大，为最小为最小 字体大小标记字体大小标记改变包含的字符、单词、短语或制定范围文本的字号大小改变包含的字符、单词、短语或制定范围文本的字号大小语法格式：语法格式： Font size=# 文字文字=1,2,3,4,5,6,7or+#,-#,缺省时为缺省时为3号字体。号字体。例例 3：7号字体的字。号字体的字。5号字体的字。号字体的字。3号字体的字。号字体的字。2号字体的字

8、。号字体的字。1号字体的字。号字体的字。文字标签属性n文字属性标记.n文字颜色 n指定颜色 . n#=RRGGBB 16 进制数码文字标签属性n文字属性标记n文字字体n . #=客户端可获得的字体使用FONT标记欢迎使用欢迎使用HTML我我的第一个的第一个HTML文档文档这这将会将会是一种很有趣的是一种很有趣的体验体验标记用于控制文本在网页上的显示。可以指定标记用于控制文本在网页上的显示。可以指定size（大小）、（大小）、color（颜色）（颜色）style（样式）等属性。（样式）等属性。 添加颜色学习学习 HTML 欢 迎 使 用欢 迎 使 用 HTML这这是一种很有趣的体验是一种很有趣的

9、体验可以为页面和页面上的元素添加颜色。可以为页面和页面上的元素添加颜色。COLOR是多个元素（如是多个元素（如FONT和和BODY）都可以）都可以使用的属性。使用的属性。 段落标记段落标记与换行标记与换行标记语法格式：语法格式：文本文本文本文本是单独使用的。是单独使用的。例例 4：在在html格式里我们不需要在意文章每行的宽度，不必担心格式里我们不需要在意文章每行的宽度，不必担心文字是不是太长了而被截掉。（没加标记）文字是不是太长了而被截掉。（没加标记）在在html格式里我们不需要在意文章每行的宽度，格式里我们不需要在意文章每行的宽度，不必担心文字是不是太长久了而被截掉。（加段落标记）不必担心文字是不是太长久了而被截掉。（加段落标记）在在html格式里我们不需要在意文章每行的宽度，格式里我们不需要在意文章