HTML基础标签
1.<p>........ </p> 定义段落
<p>标签里面如果有多个空格,浏览器会默认只有一个空格
浏览器显示出来的内容会忽略了源代码中的排版(省略了多余的空格和换行)
e.g <p>This is some text in a very short paragraph</p>
2.....<br/>.....换行
<br>标签是空标签
把结束标签放在开始标签中,也就是 <br/>
e.g To break<br/>lines<br/>in a<br/>paragraph,<br/>use the br tag.
3.<h1>.......</h1> <h1> to <h2> 定义 HTML 标题
e.g <h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<h1 align="centre">This is heading 1</h1>
4. .....<hr/>......
<hr/>标签在HTML页面中创建一条水平线
水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分
e.g <p>this is a boy </p>
<hr/>
<p>this is a girl</p>
5. <!--..........-->定义注释
注释标签用于在源代码中插入注释。注释不会显示在浏览器中
e.g <!--注释标签用于在源代码中插入注释,注释不会显示在浏览器中-->
<p>这是一段普通的段落</p>
6.<body>......</body>
body 元素定义文档的主体
e.g <body>
<p>牵着你的手,一阵莫名感动<p/>
</body>
<body bgcolor="yellow">
<h2>改变了背景的颜色</h2>
</body>
HTML文本格式化实例
1.文本格式化
<b>定义粗体字
<strong>定义强调文本
<i>定义斜体字
<big>定义大号文本
<small>定义小号文本
<em>定义强调文本
<sub>定义下标文本
<sup>定义上标文本
2.预格式文本
pre 元素可定义预格式化的文本。
被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
e.g
<pre>
for i = 1 to 10
print i
next i
</pre>
3.“计算机输出标签”
<code>定义计算机代码文本
<kbd>定义键盘文本
<tt>定义打字机文本
<var>定义文本的变量部分
4.<address>......</address>定义文档作者或拥有者的联系信息
<address>
Written by <a href="mailto:webmaster@example.com>Donald Duck</a><br>
Visit us at<br>
Example.com<br>
Box 564, Disneyland<br>
USA<br>
</address>
5. <abbr> <acronym>首字母缩写与首字母
<abbr>标签指示简称或缩写,比如“apple”-“app”
<acronym>标签定义每个单词的首字母缩写
e.g <abbr title="etcetera">ect.</abbr>
<acronym title="World Wide Web">WWW</acronym>
6.<bdo>定义文字方向
e.g <bdo dir="rtl"> Here is some text</bdo>
7.<blockquote>定义长的引用 <q>定义短的引用
<blockquote>与</blockquote>之间的之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。
e.g <blovkquote>这是长的引用 这是长的引用 这是长的引用 这是长的引用 这是长的引用 这是长的引用</blockquote>
<q>是短的引用</q>
8.<del>定义被删除文本
<ins>定义被插入文本
<p>一打有<del>二十</del><ins>十二</ins>-一打有十二
今天到此结束
标签的一个常见应用就是用来表示计算机的源代码