<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>语义化标签</title> </head> <body> <!-- 在网页中HTML专门来负责网页的结构 所以在使用HTML标签时,关注标签的语义,样式是CSS的事 标题标签: h1-h6,重要性递减,一个网页页面一般一个h1 是块元素 在页面中独占一行的元素称为块元素( block element) --> <h1>一级标签</h1> <h2>二级标题</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> <!--用来为标题分组,可以将一组相关de hgroup标签 --> <hgroup> <h1>Calculus I</h1> <h2>Fundamentals</h2> </hgroup> <!-- p标签表示页面中的一个段落,是块元素 --> <p>我是P标签</p> <p>P标签在网页显示一个段落</p> <!-- em标签表示语音语调的一个加重 在页面中不会独占一行的元素称为行内元素(inline element) --> <p>我是计科小白<em>jqw</em>的博客笔记</p> <!-- strong 表示强调重要内容,加粗 --> <p>计科小白jqw<strong>哈哈</strong>的博客 </P> 计科小白jqw说: <!-- blockquote 表示一个长引用 --> <blockquote> 我是计科小白jqw </blockquote> <!-- q 表示一短长引用 --> 计科小白jqw说: <q> 我是计科小白jqw <br> 你是谁? </q> </body> </html>
重点:块元素独占一行,行内元素不占