7.30小美女程序员的html之旅 网页结构

网页结构

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>

 

效果如下图：