时间：2023-09-30 22:18:01 | 来源：网站运营
时间：2023-09-30 22:18:01 来源：网站运营
轻松学：网页设计6-html网页的结构元素、布局和属性：在一个网页中文字往往占有较大的篇幅，为了让文字能够排版整齐、结构清晰，HTML提供了一系列的文本控制标记。
在线咨询
<!DOCTYPE html ><html><head> <!-- head是页面的头部元素 --> <meta charset= "utf-8" /><title>无标题文档</title> <!-- title是页面的标题 --> </head><body> <!-- body主体 --> <h1>这是标题一：段落</h1> <!-- 标题一 --> <p>这是段落，段落文本</p><hr/> <!-- 这是分割线 --> <h2>这是标题二:无序列表</h2><ul> <!-- 每对<ul></ul>中至少应包含一对<li></li>。 --> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ......</ul><h3>这是标题三：有序列表</h3><ol> <!-- 每对<ol></ol>中至少应包含一对<li></li>。 --> <li>列表项1</li> <li>列表项2</li> <li>列表项3</li> ......</ol><h4>这是标题四：这是定义列表</h4><dl> <!-- <dl>标记用于指定定义列表。 </dl> --> <dt>名词1</dt> <!-- <dt></dt>标记用于指定术语名词 --> <dd>名词1解释1</dd> <!-- <dd></dd>标记用于对名词进行解释和描述 --> <dd>名词1解释2</dd> <dt>名词2</dt> <dd>名词2解释1</dd> <dd>名词2解释2</dd> <!--定义列表常用于图文混排，其中<dt></dt>标记中插入图片，<dd></dd>标记中放入对图片解释说明的文字。 --></dl><h5>这是标题五</h5><h6>这是标题六</h6></body></html>HTML5中所有的元素都是有结构性的，且这些元素的作用与块元素非常相似。<header> <h1>网页主题</h1></header>2.nav元素用于定义导航链接，是HTML5新增的元素，该元素可以将具有导航性质的链接归纳在一个区域中，使页面元素的语义更加明确。<nav> <ul> <li><a href="#">首页</li> <li><a href="#">公司概况</li> <li><a href="#">产品展示</li> <li><a href="#">联系我们</li> </ul></nav>3.article元素代表文档、页面或者应用程序中与上下文不相关的独立部分，该元素经常被用于定义一篇日志、一条新闻或用户评论等。<article> 文章内容 <footer> 文章分页列表 </footer></article><footer> 页面底部</footer>*其他元素 ——分组元素用于对页面中的内容进行分组。HTML5中涉及到3个与分组有关的元素，分别是figure元素、figcaption元素和hgroup元素。关键词：布局,属性,结构,设计
