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>