HTML文本操作标签总结

文章目录

• HTML文本操作

HTML文本操作

基本文字排版

<p>   段落 开始结束文字之间形成一个段落</p> 
速记：批（p）处理的文字
<br> 控制换行</br>  
速记： br的音好像按回车的音
<pre>预先格式化，包在其中会保留空
格和换行，文本是等宽字体</pre>   
速记：预先
<hr> 空标记，创造一条横线</hr>
速记：门里 r 一条线
<h1>标题文字，从1到6，字体依次减小<h1>
速记：H像门一样，文本的入口，并悬挂标题

描述文本的语义化，结构化元素

<b></b>  <strong></strong>
粗体  速记：bold
<i></i>    <em></em>
斜体  速记：emphasize
<cite>作品标题，表现为斜体效果</cite>
<small>小型文本，用于来源声明，许可要求等</small>
<ins>插入文本，以下划线表示</ins>
<del>删除文本，以删除线表示——</del>
<sup>文字上标</sup>	
速记：super 极好的，超级的
<sub>文字下标</sub>
速记：substantial本质的，实质的，大量的
<ruby>被旁注的文本</ruby>
<rt>文本的注音和解释，注音在文本上方</rt>
<rp>文本的注音和解释，注音在文本后方</rp>
<time datatime="" pubdate="">时间，
pubdate指定元素中的时间是否为文档的发布时间</time>

块级元素和行内元素

自带换行的元素都是块级元素
块级元素：
<p><h1>～<h6><pre><address>
<header><nav><footer>
行内元素：
<b><i><em><strong><sup><sub>
<small><ins><del><cite>

容器元素

<div>对内容进行分块
<span>单独运行无效果，配合css使用有效果

注释

<!--注释内容-->

列表

<ul>无序列表
……
<li>列表项</li>
……
</ul>
<ol reversed="reversed"(序号倒序) 
start="3"(序号从三开始) type="">
有序列表
……
<li>列表项</li>
……
</ol>
type属性值1：数字  A：大写字母 
a：小写字母 I：大写罗马数字 i：小写罗马数字

<dl>描述列表标记（要在最外层）
<dt>定义列表项（像小标题）</dt>
<dd>描述列表项目（像正文）</dd>
</dl>

本文地址：https://blog.csdn.net/qq_50285142/article/details/109374020