第三章HTML5基本标签.ppt

color：设定线条颜色。可以用英文单词或以“＃”引导的一个十六进制代码。 hr color=颜色 水平线标记 常用颜色代码表 颜色名 颜色英文名 16进制代码 颜色名 颜色英文名 16进制代码 黑色 Black #000000 粉红色 Pink #FFC0CB 蓝色 Blue #0000FF 红色 Red #FF0000 棕色 Brown #A52A2A 白色 White #FFFFFF 青色 Cyan #00FFFF 黄色 Yellow #FFFF00 灰色 Grey #808080 深红色 Crimson #CD061F 绿色 Green #008000 黄绿色 Greenyellow #00FFFF 乳白色 Ivory #FFFFF0 水蓝色 Dodgerblue #0B6EFF 桔黄色 orange #FFA500 淡紫色 lavender #DBDBF8 ② 文字标记 利用sytle=“font-size:36px” 字体字号标记 页面元素标记 字型标记 格式标记 字体效果 B受影响的文字/B 加粗 I受影响的文字/I 斜体 SUB受影响的文字/SUB 下标 SUP受影响的文字/SUP 上标 特殊标记 特殊字符标记 表示的字符 lt; gt; nbsp; 空格 amp; #37; % quot “ ③ 超链接标记 从根目录开始描述目录或文件 UNIX以“/”开始，Windows以“c:\”开始。 标识Internet上文件的全部信息，包含协议、主机名、文件夹名和文件名称。 绝对路径 以当前目录为参考来说明文件的位置 相对路径 绝对路径清楚明确的指出文件和文件夹的位置 相对路径则根据当前目录不同，可能同样的文件名指向不同的文件。 页面元素标记 href：目标资源的具体地址。可以是绝对路径，也可以是相对路径。 target：控制超链接内容打开方式，即链接内容出现的位置。 A href=目标资源 target=打开窗口方式 热点 /A 超级链接 a href= target=_blankW3School/a HTML入门 HTML文件结构 页面属性标记 常用页面元素标记 表格 基础篇 表单 2.1 HTML文件结构 标记及属性 HTML文件结构 文件结构 ① 标记及属性 标记：为了使所要显示的内容达到一定的效果，在内容中加入的特定标识。 每个标记都用“”（小于号）和“”（大于号）围住。 注意：“”、“”与标记之间不能留有空格或其他非标记字符 在标记前加 “/”是结束标记 标记字母不区分大小写 对同一段要标记的内容，可以使用多个标记来共同作用，各 个标记间的顺序是任意的。 标记受标记影响的内容/标记 属性：标记通过属性来精确控制信息，以便制作出各种效果。 并不是每个标记都有属性。 可以根据需要使用标记的所有属性或几个属性，属性之间没有顺序。 属性和标记一样，也不区分大小写。 标记　属性１＝属性值　属性２＝属性值…内容/标记 文件结构 ② HTML5基本框架 以HTML开头，以/HTML结尾。 包括头部（Head）和主体（Body）两大部分。 head…/head：网页的题头，说明文件命名与文件本身的相关信息。 title…title：网页标题，在浏览器的标题栏显示。 body…body：网页的正文。 html head title网页的标题/title /head body 网页的内容 /body /html 文件结构 常用的头部标记 常用的头部标记内容 Title /title titleTitle of the document/title link/link link rel=stylesheet href=style.css / meta /meta meta charset=utf-8 Html 5页面一般框架 便于维护和修改,对搜索引擎更友好,预留扩展,无障碍浏览功能 分区级语义元素 Article Aside figure figcaption footer header hgroup nav section !DOCTYPE html html lang = en head meta charset = utf-8 titleHTML5 Demo/title body headerh1/h1h2/h2/header navulli/lili/li/ul/nav section article/article article/article /section aside/aside footer/footer /body /html Html 5页面一般框架 head