HTML学习笔记4----更多元素

 随笔记录方便自己和同路人查阅。

#------------------------------------------------我是可耻的分割线-------------------------------------------

  现在要学习七个新元素。前面学过,你可以通过用 <b> 和 </b> 把文本括起来,把文本设为粗体;类似地,你可以通过用<i> 和 </i> 把文本括起来,把文本设为斜体。没错,

这里的“i”是“斜体(italic)”的意思。

  同样,你可以用 small 标签把文本设为小字体:<small>这句话应显示为小字体</small>

  同时也可以用多个标签,只要你能 避免标签交错起来。最好通过一个例子来说明:

  如果你希望一段文本即是粗体又是斜体,看例2:

  学习更多元素!

  正如以前提到的, 有些元素是没有尾标签( end tag )的。这种元素被称作空元素(emptyelement),它们不与特定文本段落相关。一个例子是 <br /> ,它的作用是插入一个换行符,见例3。

  HTML 中的空元素还包括 ul 、 ol 和 li ,这三个元素用于制作列表。ul 代表“无序列表(unordered list ) ”,它的作用是为每个列表项显示一个粗点。 ol 代表“有序列表(ordered list)”,它的作

用是显示每个列表项的序号。用 <li> 元素把多个列表项组织为一个列表,其中的 li 代表“列表项(list item)。感觉有些迷糊?那么,请看例4:

 

#------------------------------------------------我是可耻的分割线-------------------------------------------

  1、斜体,例1:

  效果:

  2、例2:

 

  注意不能这样:<b><i>既是粗体又是斜体</b></i>。二者区别在于:在前一个例子中,首先打开的标签最后关闭。这样可以避免混淆。

  3、例3:

  效果:

  注意上面的空元素 <br /> :它没有尾标签。

  另一个空元素是 <hr /> ,它的作用是画一条水平线。这里的“hr”是“水平线(horizontal rule ) ”的意思。

  4、ul,例4:

  

  效果:

  ol,例子:

  效果:

   总结:

<i>斜体</i>
<small>小字体</small>
<br /> 换行
<hr /> 水平线
<ul>无序列表<ul>
<ol>有序列表<ol>

  

猜你喜欢

转载自www.cnblogs.com/lirongyang/p/9761233.html
今日推荐