徐枭雄课件html主体结构.docVIP

HTML文档的主体结构 最顶部声明!DOCTYPE html 告诉浏览器以什么样的标准解析这个网页 HTML5的标准。老浏览器都兼容的标准 声明是文档的第一个成分，位于最顶部，该标签告诉浏览器文档所使用的HTML规范 以html开始，以/html结束 中间包含头部head/head以及主体body/body标签. 主体结构 !DOCTYPE html html head/head body/body /html HTML文档头部元素head/head Head标签代表HTML文档的头部信息，以head开始以/head结束 注意：正常情况下头信息是不会显示在HTML文档中。 Base标签:为页面上的所有连接规定默认地址 base href=”要为页面设置的默认地址” Meta信息指的是对页面的描述 设置字符集 格式1：meta charset=”utf-8”/ 格式2：告知浏览器的行为:http-equiv meta http-equiv=”Content-type” content=”text/html;charset=utf-8” / 告诉浏览器5秒刷新 meta http-equiv=refresh content=5 / 告诉浏览器5秒跳转 meta http-equiv=refresh content=5;url= / 网站关键字 meta name=keywords content=可以写多个，多个之间用,号隔开/ 网站描述 meta name=description content=要描述的内容 / 网站的作者 meta name=”author” content=”作者名” / !--网页标题的小图标-- link rel=icon href=./a.jpg type=image/jpeg / !--连接CSS样式-- link rel=stylesheet type=text/css href=./style.css / Rel=“表示文档与被连接文档之间的关系”： Type=”表示被连接文档的类型”; Href=”定义被连接文档的地址”; body体中可以包含的标签 p/p标签定义段落 段落标签 效果：与上下文之间空格一行，当前文本独占一行 b/b粗体标签 strong/strong 定义重要的文本 加粗 B标签 是物理标记，strong是逻辑标记 1.什么是物理标记 B 是bold加粗的简写，传达的意思就是加粗 html 2.什么是逻辑标记 Strong是强调的意思，强调某段文字 xhtml i/i 斜体文本 物理标记 em/em 为强调的斜体文本 逻辑标记 sub/sub 定义下标文本 sup/sup 定义上标文本 dbo/bdo 标签覆盖默认的文本方向 属性dir=ltr | rtl Ltr: left to right 从左到右 Rtl: right to left 从右到左 Html5:details/details 细节描述标签 注意：只有chrome支持 summary/summary定义细节描述的标题标签。 Html5:dialog/dialog 聊天标签 注意 只有chrome支持 但是需要设置一个属性 open=”true”; dt/dt角色一 dd/dd 角色二 Ul标签 定义无序列表ul/ul Ol标签 定义有序列表ol/ol Li标签定义列表项 有序列表和无序列表都使用li标签定义列表项li/li dl/dl定义列表标签 （商品展示） dt/dt 定义一个列表中的一个项目，以及dialog标签中的一个角色 dd/dd 标签定义一个列表中对项目的描述，以及dialog标签中的一个角色。 h1~h6H族标签 标题标签 H1最大的标题 h6最小的标题标签 注意：这里面没有h7以上的标签 hr/ 水平线 br/换行 pre/pre 原格式输出 font/font 字体标签 舍弃了~~~~ 但是我初期需要使用 常用的属性： Color :设置字体的颜色 Size:设置字体的大小 最大为7 最小为1 Face:设置字体的族科 注意：当前系统中存在的字体名称。 center/center 居中 舍弃了~~~~~ Body标签常用的属性： Text 设定页面文字的颜色 Bgcolor:设定页面的背景颜色 Background:设定页面的背景图片 超链接标签a/a 作用“：从一个页面连接到另一个页面。 常用的属性：target href=” Href=要链接到的地址; Target跳转的方式： 常用的值：_blank 在新窗口中打开被连接的文档 _se