网页结构
1.<q>和<blockquote>元素的区别
两者都是引用。突显出这是引用的话
<q>用来引用短的话,比如一句话。当你加上这个标签是,有的浏览器会让显示的话语带上双引号。
<blockquote>用来引用长的,类似一首诗,一段话,一篇文章。当加上这个标签时会重启一段显示。
我们称<q>为inline元素,<blockquote>为block元素
2.什么是inline元素,什么是block元素?
接着前面的内容继续显示的是inlline 元素,block元素会重起一段显示,相当于按了一个回车
inline 元素举例:<q> <a> <em> <img>等
block元素举例:<h1> <p> <ol> <blockquote> <li>等
3.如何显示list?
当然我们也可以用<p>元素来显示列表,但是这样不具备灵活性。当我们删除或插入一项时,需要修改其他影响的项目。
当我们用<ol><ul>则可避免这个问题。
当我们需要给事项按顺序显示时,我们可以使用两种常见的标签<ol><ul>
ol :order list 定义了的表,会在每项前面加上数字序号
ul :unorder list 未定义的表,会在每项前面加上点
当然他们都要配合<li>来显示
比如要显示:
1.英语
2.语文
3.数学
相应的代码是:
<ol>
<li>英语</li>
<li>语文</li>
<li>数学</li>
</ol>
(不需要写数字,它会自动加上)
值得注意的是他们可以嵌套使用:
比如要显示:
1.英语
- 张老师
- 李老师
- 王老师
2.语文
3.数学
相应的代码是:
<ol>
<li>英语
<ul>
<li>张老师</li>
<li>李老师</li>
<li>王老师</li>
</ul>
</li>
<li>语文</li>
<li>数学</li>
</ol>
效果如下图: