HTML5基础（二）零基础入门

时间：2021-09-01 14:17:24

上一篇，我记录了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>
运行如图：

HTML5基础（二）零基础入门


标签：

相关文章