HTML5程序设计-3期（KC014） HTML5保留的基本标签 KC014070000007-1 HTML5保留的常用标签.pptxVIP

HTML5保留的常用标签主讲人： 任文娟HTML5段落及文本格式标签列表标签保留的常用标签图像标签超链接标签表格标签框架标签容器标签1.HTML5段落及文本格式标签标签名称说明p/p段落标签,产生一个段落，段落与段落之间默认为空一行hn/hn标题标签,n取值为1-6，取值越大，字体越小，默认为左对齐显示的黑体字hr/水平线标签，单标签，可以写作hrbr/换行标签,单标签，可以写作bri/i斜体字标签b/b和strong/strong粗体字标签sup/sup和sub/sub 上标标签下标标签del/del和ins/ins修订标签，分别用于为文本内容添加删除线和下划线pre/pre预格式化标签试一试1.HTML5段落及文本格式标签p这是段落1/pp这是段落2/phr/h1这是一级标题/h1h2这是二级标题/h2h3这是三级标题/h3i这里是斜体字/ibr/b这里是粗体字/b试一试2.列表标签标签名称说明ol有序列表标签ul无序列表标签dl定义列表标签ol li水果/li ul li苹果/li li橘子/li li香蕉/li li柠檬/li /ul li饮品/li ul li咖啡/li li茶/li li汽水/li /ul/ol试一试3.图像标签图像标签img 图像标签img用于在网页中嵌入图片，该标签无需结束标签，可单独使用。基本用法如下：img src=图像文件URL /img src=img/landscape.jpg alt=风景名胜 border=2 title=风景区/4.超链接标签超链接标签a 超链接可以用于指向其他任何位置，包括Internet上的其他网页、本地其他文档甚至当前页面中其他位置。适用于制作网页的导航菜单或列表，也可以用于发送邮件或下载文件等。基本用法如下：a href=”URL地址”target=“ ”链接文本或图片/a超链接标签有如下两个重要属性：href：目标内容的URL地址。target：目标内容的打开方式，取值如下：target属性值说明_self链接的目标页面在自身窗口中打开，覆盖原页面内容_blank链接的目标页面在新窗口中打开_top链接的目标页面在顶层框架中打开_parent链接的目标页面在父框架中打开试一试4.超链接标签a href=test3.html target=_blank图像标签的使用/a | a href=test2.html target=_self列表标签的使用/a超链接标签也可以通过点击跳转同一页面的指定区域，其语法格式如下：a href=#指定区域名链接文本或图像/a这里的“指定区域名”可以自定义，其格式如下：a name=区域名目标内容/a试一试5.表格标签标签名称说明 table表格标签tr表格行标签td单元格标签th表头标签caption表格标题标签caption成绩一览表/captiontable border=1 th姓名/th th语文/th th数学/th tr td张三/td td86/td td90/td /tr tr td李四/td td80/td td70/td /tr/table试一试6.框架标签内联框架标签iframe 框架标签用于在网页的框架内定义子窗口。 由于框架标签对于网页的可用性有负面影响，在HTML5中不再支持HTML4.01中原有的框架标签frame和frameset。只保留了内联框架标签iframe。该标签在HTML5中仅支持src属性，用于指定框架内部的网页来源。基本格式如下：iframe src=网页URL /iframe src=test3.html width=500 height=300/iframe试一试7.容器标签标签名称说明div用于定义文档中的区域或节，是一个块级元素span通常作为文本的容器，是一个内联元素div p这是一个div标签，用于容纳一些段落文本或者图片/p img src=img/landscape.jpg //divhr /div style=width: 200px;color: red; p这是一个div标签，用于容纳一些段落文本或者图片，该div指定了宽度，并且指定 文本颜色为红色。/p /div hr /p这是一个普通段落，其中span style=color: blue;span标签的使用/span文本颜色设置为蓝色。/p