一些文本标签:
单标签<br>
表示强制换行
单标签<hr>
表示画一个横线
双标签<p></p>
段落标签
双标签<center></center>
水平居中标签
双标签<b></b>
给一段文本加粗,但不是特别强调重要性
双标签<strong></strong>
实际作用和标签一样,但是是语义上的表示强调
双标签<i></i>
给一段文本倾斜,常用来表示外文词汇或者科学术语
双标签<em></em>
用来给一段文本倾斜,但语义上表示强调
双标签<s></s>
用来添加删除线,语义上表示不准确的校正
双标签<del></del>
用来添加删除线,语义上表示删除文字
双标签<u></u>
用来添加下划线,语义上并不表示强调
双标签<ins></ins>
用来添加下划线,语义上表示强调添加了这段文本
双标签<small></small>
将原来默认的字号放小一号
双标签<sub></sub>
和<sup></sup>
分别表示数学上的上标和下标
双标签<ruby></ruby>
用来帮助读者掌握表意语言文字的正确发音,他有两个子双标签,<rp></rp>
用来包括括号,<rt></rt>
用来包含发音
双标签<mark></mark>
突出显示文本,黄色的背景黑色的字
双标签<span></span>
表示一般性文本,没有实际作用,常用来设置CSS等操作
双标签<a></a>
用于生成超链接
双标签<pre></pre>
将代码原样输出,会解析其中的Html标签
双标签<xmp></xmp>
将代码格式原样输出,但是不会解析其中的html标签
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文本元素</title>
</head>
<body>
11111<br>
22222<hr>
<p>3333333333333333333333333333333333333333333333333333333333333333333333333333333333333333333</p>
<center>居中</center>
<b>1加粗</b>
<strong>2加粗,强调</strong>
<i>3倾斜文本</i><hr>
<em>4倾斜,强调</em>
<s>5删除线,表示不准确校正</s>
<del>6添加删除线,表示是删除文字</del>
<u>7添加下划线</u>
<ins>8添加下划线,强调这段文本</ins><br>
<small>9缩小一号字体</small>
888<sub>78</sub>999999<sup>98</sup><hr>
<ruby style="font-size: 100px;">
饕<rp>(</rp><rt>tāo</rt><rp>)</rp>餮<rp>(</rp><rt>tiè</rt><rp>)</rp>
</ruby><hr>
标准<mark>正态分布</mark>从负无穷到正无穷的反常积分<br>
<pre>
江山<hr>代有
才人出
</pre>
<xmp>
江山<hr>代有
才人出
</xmp>
</body>
</html>
列表标签:
无序列表:
1.外面是<ul></ul>
2.每一行<li></li>
(注意:内容写在li标签里)
<ul>
<li>1</li>
<li>2</li>
</ul>
- 1
- 2
有序列表:
1.外面是<ol></ol>
2.里面是<li></li>
(默认序列是从1开始的数字,start=""
后面就是序列开始的地方 type=""
可以是小写字母,大写字母也可以是罗马数字)
<ol>
<li>wwwww</li>
<li>eeeee</li>
</ol>
- wwwww
- eeeee
超链接:
href=“” a标签跳转的链接地址
Title=”” 当鼠标放到超链接上面显示的提示内容
Targe=”” 超链接打开窗口的方式
(
1._self 默认 当前窗口打开
2._blank 新窗口打开
3._top 顶级窗口打开
4._parent 父级窗口打开
)
扩展:
<a href="tel:13699264549">给管理员打电话</a>
<a href="mailto:邮箱地址">给谁发邮件</a>