《HTML标签及超链接要点》由会员分享，可在线阅读，更多相关《HTML标签及超链接要点（11页珍藏版）》请在装配图网上搜索。
1、一、HTML文档的基本结构khtml网页标题*头郃音 Hello World! L怵洲分标签作用 to 定义标题文本定义加粗文本定义倾斜文本定义下划线文本定义上标文本定义下标文本1. 网页的摘要信息（摘要信息指的就是头部信息）目1.1.标签 显示在网页标题栏的1.2./ 自我闭合a、名称：content-type指文档内容类型；b、值：text/html指文本类别的 html 类型；charset=gb2312;字符编码为简体中文（charset指定这个网页所用的字符节）c、常用的字符编码有：gb2312（简体中文）ISO-8859-1（纯英文）Big5（繁体中文）Utf-8（万国语，包含所有
2、）2. 搜索关键字和内容描述信息 网页标题 Helloworld!3标签分类3.1块级标签a、基本的块级标签：L标题标签级标题 二级标题 三级标题四级标题五级标题六级标题2. 段落标签基本语法:北京欢迎你北京欢迎你,有梦想谁都了不起北京欢迎你,有勇气就会有奇迹3. 水平线的标签自我闭合的标签b、布局块级标签a-va-vA-nv(11 夏)0、v_、VA=Vamva = v_/x_vA-ov 捋福舔ms茴旺后皿回症昭匣*忌虻旭.1瑕业if*苍6 n 1lh 豳 U&SMO 忌suedsou蟹A_p、vApp/V曲捆大ppvAPP/VI 垣fflAPPVAVIAV A_pvA-rvvamva=v
3、/行 百度 /列 猫扑 5. 表单6. 分区标签（从标签）c、布局方式分类(使用搭配)div-ul(ol)-li;嵌套关系，常用于分类导航，菜单div-dl-dt-dd;常用于图文混排table-tr-td:常用于图文布局或 显示数据使用，适合表格布局form-table-tr-td;常用于表单 布局3.2. 行级标签（按行逐一显示的，可以包含图片）1. 图像标签自我闭合2. 范围标签（仅限于本行）文本等行级内容商品价格：仅售10 元3. 换行标签自我闭合北京欢迎你北京欢迎你，有梦想谁都了不起！ 有勇气就会有奇迹。北京欢迎你，为你开天辟地 流动中的魅力充满朝气。北京欢迎你，在太阳下分享呼吸在黄
4、土地刷新成绩。北京欢迎你，像音乐感动你让我们都加油去超越自己。4.W3C标准4.1、W3C : worldwideWebConsortium,万维网联盟，负 责制定和维护web行业标准。4.2、XHTML 1.0基本规范：完全符合W3C所制定的规范1. 标签名和属性名必须小写2. HTML标签必须关闭。3. 属性值必须用引号括起来4. 标签必须要正确的嵌套5. 必须添加文档类型声明即必须使用添 加文档类型声明，并且声明HTML文档遵守W3CXHTML哪个级别的 规范；4.3、XHTML1.0有三个级别的声明：a. Strict（严格类型）: 这种声明完全符合W3C标准，但要求比较严格，对应的声
5、明如下： b、Transitional（过 渡类型），也称松散（loose）声明：c、Frameset 类型： 4.4 W3C标准1.HTML内容方面：XHTML的标准。2. 样式美化方面：CSS3. 结构文档访问方面4. 页面交互方面：ECMAScript欧洲计算机制造商协5. 超链接采用的a标签，主要有一个属性：链接地址（链接的目标）， 其中包含的主要内容：链接文本或图片。5.1基本用法a属性href二”链接地址”target二”目标窗口位置“ 链接的文本或图片/a链接地址分为：相对地址和绝对地址相对地址：a 属性 href二aaa/login.htmltarget= ”目 标窗口位置 链接的文本或图片/a绝对地址：a属性href二口位置 链接的文本或图片/a5.2超链接的三类应用场合1. 页面间的链接ahref二target=_new 页面间的链接 /默认在原网页打开，加上target=_new可以跳转 到另一个网页2. 页面内的锚链接a、定义标记（锚点）aname=标记名”目标位置 /ab、设置链接到标记的位置：ahref=#设置的标记名 当前位置处*注意也可以实现页面间的锚链接跳转c、实现锚链接的页面：ahref=anchor.html（页面文件名）#标记名（商品促销）大甩卖/a锚点不变：aname= 促销商品 电熨斗/a3. 功能性链接联系我们
HTML标签及超链接要点
