上一篇,我记录了HTML的基本格式,链接:http://blog.csdn.net/flytosky_l/article/details/70214341
现在来看一下HTML的文本元素:(标签 或是 标记)
单标签(空元素),如:
<meta>
双标签,如:
<title>基本格式</title>
用途:单标签用于声明或是插入某个元素,双标签一般用于设置一段区域的内容,将其包含起来。
元素内部属性 和 值,一个元素可以设置多个属性。
常用文本元素代码:
<html>
<head>
<meta charset="utf-8">
<title>文本元素</title>
</head>
<body>
<a href="http://wwww.baidu.com">百度</a>
<br> <!--换行-->
<wbr> <!--换行,当窗口宽度不足以展示时,换行的切口-->
<br>
This is my favourite food.Its name is "THEBESTFOODINTHEWORLD"
<br>
This is my favourite food.Its name is "THE<wbr>BEST<wbr>FOOD<wbr>INTHEWORLD"
<br>
注释方法<!-- XXXX -->
<br>
b元素 : 这是 <b>HTML5</b> 教程 <br>
strong元素 : 这是 <strong>HTML5</strong> 教程 <br>
i元素 :这是 <i>HTML5</i> 教程 <br> <!--i 表示外文词汇或是科技术语-->
em元素 :这是 <em>HTML5</em> 教程 <br> <!--em 加以强调,和一样,一般表示对一段文本的强调-->
s元素 :这是 <s>HTML5</s> 教程 <br> <!--s 表示不准确或是校正,意思就是删除-->
del元素 :这是 <del>HTML5</del> 教程 <br> <!--del 表示删除 文字-->
u元素 :这是 <u>HTML5</u> 教程 <br> <!--u 表示给字符添加下划线-->
ins元素 :这是 <ins>HTML5</ins> 教程 <br> <!--ins 表示添加一段文本,实际显示为添加一条下划线,和u一样,起到强调作用-->
small元素 :这是 <small>HTML5</small> 教程 <br> <!--small 表示添加小号字体,用于免责声明或是澄清声明-->
sub元素 :这是 HTML<sub>5</sub> 教程 <br> <!--sub 添加下标-->
sup元素 :这是 HTML<sup>5</sup> 教程 <br> <!--sup 添加上标-->
abbr元素 :这是 <abbr>HTML5</abbr> 教程 <br> <!--abbr 表示缩写-->
dfn元素 :这是 <dfn>HTML5</dfn> 教程 <br> <!--dfn 表示定义术语-->
code元素 :这是 <code>HTML5</code> 教程 <br> <!--code 表示输入和输出-->
<code>HTML5</code><br> <!--表示计算机代码片段 -->
<var>HTML5</var><br> <!--表示变量-->
<samp>HTML5</samp><br> <!--表示程序或是计算机输出-->
<kdb>HTML5</kdb><br> <!--表示用户输入 ,属于英文范畴,必须lang="en"-->
q元素 :这是 <q>HTML5</q> 教程 <br> <!--q 表示添加双引号-->
cite元素 :这是 <cite>HTML5</cite> 教程 <br> <!--cite 表示引用其他作品的标题-->
ruby元素 :这是 <ruby>HTML5</ruby> 教程 <br> <!--ruby 语言元素-->
<ruby>
饕<rp>(</rp><rt>tao</rt><rp>)</rp>
餮<rp>(</rp><rt>tie</rt><rp>)</rp>
</ruby><br>
bdo元素 :这是 <bdo dir="">HTML5</bdo> 教程 <br> <!--bdo 设置文字方向-->
bdo元素 :这是 <bdo dir="rtl">HTML5</bdo> 教程 <br> <!-- rtl 从右到左 ltr 从左到右 -->
mark元素 :这是 <mark>HTML5</mark> 教程 <br> <!--mark 突出显示文本 黑色字黄色背景-->
item元素 :这是 <item>2015-10-10</item> 教程 <br> <!--item 表示时间,无实际作用-->
span元素 :这是 <span>HTML5</span> 教程 <br> <!--span 一般性文本,用它来设置CSS-->
</body>
</html>
运行如图: