yueqiumao
  • 注册日期2011-10-18
  • 发帖数47
  • QQ
  • 火币65枚
  • 粉丝0
  • 关注0
阅读:4474回复:0

HTML教程……第六课

楼主#
更多 发布于:2011-10-22 00:36
第 6 课:学习更多元素
你有没有独立完成过一些网页?如果还没有,请看下面的例子:
  我的网站   标题 <p>一些文字。。。</p> 子标题 <p>一些文字。。。。</p>  
看完了,然后呢? 看完了,然后呢?
现在要学习七个新元素。 前面学过,你可以通过用和把文本括起来,把文本设为粗体;类似地, 你可以通过用和把文本括起来,把文本设为斜体。没错,这里的“i”是 “斜体(italic)”的意思。 例 1:
这句话应显示为斜体
该例在浏览器中将显示如下:
这句话应显示为斜体
同样,你可以用 small 标签把文本设为小字体: 例 2:
这句话应显示为小字体
该例在浏览器中将显示如下:
这句话应显示为小字体
我可以同时应用多个标签吗? 我可以同时应用多个标签吗?
你可以同时应用多个标签,只要你能避免标签交错起来 避免标签交错起来。最好通过一个例子来说 避免标签交错起来 明: 例 3: 如果你希望一段文本即是粗体又是斜体,你可以这样做:
既是粗体又是斜体
注意不能这样:
既是粗体又是斜体
二者区别在于:在前一个例
html教程
子中,首先打开的标签最后关闭。这样可以避免混淆。
学习更多元素! 学习更多元素!
正如第 3 课中提到的,有些元素是没有尾标签(end tag)的。这种元素被称作 有些元素是没有尾标签( tag) 有些元素是没有尾标签 空元素(empty element),它们不与特定文本段落相关。一个例子是<br/>, 它的作用是插入一个换行符。 例 4:
写一些文字重起一行再写一些文字
该例在浏览器中将显示如下:
写一些文字 重起一行再写一些文字
注意上面的空元素:它没有尾标签,并且在首标签名称的后面加了空格和 斜杠。 另一个空元素是,它的作用是画一条水平线。这里的“hr”是“水平线 (horizontal rule)”的意思。 例 5:

该例在浏览器中将显示如下:
HTML 中的空元素还包括 ul、ol 和 li,这三个元素用于制作列表。 ul 代表“无序列表(unordered list)”,它的作用是为每个列表项显示一个 粗点。ol 代表“有序列表(ordered list)”,它的作用是显示每个列表项的 序号。用元素把多个列表项组织为一个列表,其中的 li 代表“列表项 (list item)。感觉有些迷糊?那么,请看下面的例子: 例 7:
 一个列表项 另一个列表项
该例在浏览器中将显示如下:
一个列表项 另一个列表项
例 8:
 第一个列表项 第二个列表项
该例在浏览器中将显示如下:
1. 第一个列表项 2. 第二个列表项
哟!就这些啊? 就这些啊?
嗯,这一课就学这么多。再次重申,请反复实验本课所学的元素,并在制作自己 的网页时使用它们。
斜体 小字体  换行  水平线 无序列表 有序列表 列表项

喜欢0 评分0
游客

返回顶部