tp1 - 基本标签.docVIP

第一章 HTML的基本标签 一、HTML文件的基本结构 1、HTML文档的结构： 结构名称 说明 HTML 以HTML开始，以/HTML结束 HEAD(头部) 以HEAD开始，以/HEAD结束。TITLE网页的标题/TITLE BODY(主体部分) 以BODY开始，以/BODY结束。包含网页的文本、图像和链接。 注意：*HTML中不区分大小写，标签也是。 *HTML中只有双引号，没有单引号；也没有逗号和分号。 2、创建一个HTML文件，需要两种工具，一个是文本编辑器（如：记事本、UtraEdit/Editplus等）；另一个是用来查看HTML文教案的Web浏览器（如：IE浏览器、Firefox） 3、使用记事本创建网页：开始——程序——附件——记事本（或者右击——新建——文本文档）——在记事本中编辑HTML代码——另存为——选择“保存类型”为“所有文件” ——选择“编码”为“ANSI” ——改文件名为“*.html”或“*.htm” ——保存（之后你会发现你保存的文件的图标是浏览器的图标） 4、“META”网页标签 语法 有头有尾 作用 正确的显式网页内容，避免网页中的乱码。 位置 写在标题部分 属性 content=“text/html；charset=gb2312” charset：用于设置网页的编码语系：简体中文网“gb2312”、繁体中文“big5”、纯英文“iso-8859-1”。 5、网页背景属性 “bgcolor” “background” 属性值 可以是英文字母，也可以使十六进制数。如（#ffffff值越小颜色越深，值越大颜色越淡。） 是图片地址 作用 背景色 背景图片 位置 一般在主体部分 注意 为了页面的美观大方，一般背景色设为浅颜色。两者不能同时设置。 二、字体相关标签 1、Hn 语法 有头有尾：提供六级标题，H1最大，H2最小。 作用 用于设置标题，分割大段文字。 位置 写在主体内部 2、FONT 语法 有头有尾。 作用 设置字体：大小、颜色、字体类型。 位置 写在主体内部 属性 大小size：范围在（1-7），默认值为3。例如：size=“+2”（就是设为5） 颜色color：可以是英文单词，也可以是十六进制值。 字体类型face：隶书、 3、特殊符号： 特殊符号 转义码 空格 nbsp； 大于（） gt； 小于（） lt； 引号（“”） quot； 版权号（?） copy； 注意：*转义码由三部分组成(名、实体名、分号“；”) *转义码之间不能有空格，必须以“；”号结束 4、P：段落标签 语法 P…/P：/P可以省略，遇到下一个P标签自动分段。 作用 将文字分段，即换行并空一行。 位置 写在主体部分 属性 align段落的水平位置位置：left、center、right 5、BR：换行标签 语法 文本内容BR：有头无尾 作用 将文本换行。 位置 写在主体部分 6、IMG：图片标签 语法 有头无尾 作用 向网页中插入图片 位置 用在主体部分 属性 src：图片路径；alt：鼠标放在图片上显示的图片说明； width：宽；height：高；border：边框粗细； align：相对文本的对齐方式（top、bottom、middle/center、left、right） 7、HR：水平线标签 语法 有头无尾 作用 向网页中插入水平线 位置 写在主体部分 属性 size：水平线的粗细；width：宽度（可以是百分数）；color：颜色； noshade=“noshade”：无阴影 注意：*要想设置垂直分割线，把size设大点，width设为1。 8、UL：无序列表、OL有序列表 语法 ULLI文本内容/LI/UL：有头有尾 OLLI文本内容/LI/OL：有头有尾 作用 将列表用项目符号并列在一起 位置 写在主体部分 属性 type：决定列表项的符号（可以是大小写字母、数字、大小写罗马数字）； 无序列表的符号可以是：disc：默认值，表示实心圆点；circle：空心圆；square：空心正方形 9、PRE 语法 有头无尾 作用 将文本原样输出源代码文本 位置 写在主体部分 10、A：超链接标签 语法 A href =“连接地址”内容/A：有头有尾 作用 设置内容为超链接，可以连接到其他内容。 位置 写在主体部分 属性 href：用于指定要连接文档的地址或URL 连接到其他页面 A href = “连接地址”内容/A 绝对路径：完整路径；相对路径：相对于当前文件的文件位置。 连接到本页面 抛锚（创建锚记）：A name=“