WEB：常用标签学习实例

来源：互联网发布：winrar数据解压缩软件编辑：程序博客网时间：2024/06/06 15:00

<!DOCTYPE html><html><head><meta charset="utf-8"/><title>常用标签学习</title></head><body><div><h1>常用标签学习</h1></div><hr/><!-- 水平线--><div><!--头部区域--><h1>第一个标题</h1><h2>第二个标题</h2><hr/><!-- 水平线--></div><div> <!--内容区域1--><p>段落一</p><br><p>段落二</p><strong>加粗文本优选strong</strong><br><b>相同加粗功能</b><br/><br/><em>斜体文本</em><br><i>斜体优选em</i><br /><br/><sub>下标</sub> 和<sup>上标</sup><br /><br><a href="http://www.runoob.com/html/html-tutorial.html"><br/><br/>www.runoob.com/html/html-tutorial.html</a><!--使用 target 属性，你可以定义被链接的文档在何处显示。--><a href="http://www.runoob.com/html/html-tutorial.html" target="_blank"><br/><br/>www.runoob.com/html/html-tutorial.html</a><br/><br/><a href="http://www.runoob.com">www.runoob.com</a><br/><br/><!--alt 属性用来为图像定义一串预备的可替换的文本。--><img src="http://www.runoob.com/images/pulpit.jpg" alt="这是一张图" width="100" height="100"/><img src="file:///E:\123.jpg" alt="这是一张图" width="100" height="100"/><br><img src="E:\123.jpg" alt="这是一张图" width="100" height="100"/></div><hr/><div>  <!--左菜单区域--><!--无序列表--><ul><li>Coffee</li><li>Milk</li></ul><!--有序列表--><ol><li>Coffee</li><li>Milk</li></ol></div></body></html>

页面如下：

<!DOCTYPE html><html><head><meta charset="utf-8"><title>html学习</title></head><body><h1>Html超文本标记语言学习</h1><div><a href="./basc.html"><h3>常用标签学习</h3></a><a href="./table.html"><h3>表格学习</h3></a><a href="./form.html"><h3>表单学习</h3></a></div></body></html>

0 0