当先锋百科网

首页 1 2 3 4 5 6 7

网页结构

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>

 

效果如下图: