一、基础标签
表示水平横线
8、<br /> 插入单个折行(换行)。一个空行
二、字体相关标签-------->文本格式化
1、文本格式化
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<b>粗字体</b>
<br/>
<big>大字体</big>
<br/>
<em>着重字体</em>
<br/>
<i>斜体</i>
<br/>
<small>小字体</small>
<br/>
<strong>加重语气</strong>
<br/>
<sub>下标字体</sub>
<br/>
<sup>上标字体</sup>
<br/>
<ins>插入字体</ins>
<br/>
<del>删除字体</del>
<br/>
</body>
</html>
表现形式:
文本格式化样例
2、预格式文本—保留了空格和空行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<pre>
预格式化文本
包含 换行 空格
</pre>
<pre>
for(int i=0;i<100;i++){
tvNum.setText(i);
}
</pre>
</body>
</html>
预文本样例
3、计算机输出标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<code> 计算机输出标签</code>
<br/>
<tt>样例标签,tt 过时了</tt>
<br/>
<samp>这个还没过时</samp>
<br/>
<var>这个标签也没过时</var>
<br/>
<p>
<b>注释:</b> 这些标签用于计算机/变成代码
</p>
</body>
</html>
计算机输出标签样例
4、其他标签
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body style="background-color: #58a1bd;margin-left: 80px ;margin-top: 80px">
<!--地址标签-->
<address>
这个是地址标签:
<!--链接到简书吧-->
<a
</address>
<br/>
<!--这个标签可以使得鼠标移动到显示文字上面出现提示内容-->
<acronym title="居然也过时了">
这个标签过时了,无法截屏,需要自己尝试
</acronym>
<!--文字朝向标签-->
<br/>
<h6>以下文字从右侧开始读取,听我的准没错</h6>
<bdo dir="rtl">我要学混编</bdo>
<br/>
<h6>长引用</h6>
<blockquote>
很长的的引用,虽然我不知道干嘛的。
但是就是引用。大概就这些吧。
</blockquote>
<br/>
<h6>以下为短引用</h6>
<q>这个就是个短引用</q>
<br/>
<p>
带有删除线的文字:
<del>带有删除线的文字</del>
<br/>
带有下划线的文字:
<ins>带有下划线的文字</ins>
</p>
</body>
</html>
如上代码样例