HTML文本内容设计知识点总结
文章目录
一、标题文字设置
1.1 标题标签 <h1>~<h6>
-
定义6级标题，字号从1级到6级依次减小
-
语法：
<h1>标题</h1> .... <h6>标题</h6> -
默认左对齐，可通过align属性调整
1.2 对齐属性 align
-
控制标题对齐方式：
left：左对齐center：居中对齐right：右对齐
-
语法：
<h1 align="center">居中标题</h1>
二、文字格式控制
2.1 基础样式标签
- 粗体：
<strong>文字</strong>或<b>文字</b> - 斜体：
<em>文字</em>或*<i>*文字</i> - 下划线：
<u>文字</u> - 删除线：
<del>文字</del>（定义已删除文本）或<s>文字</s>（定义不正确文本） - 等宽文字：
<code>文字</code>
2.2 特殊格式标签
- 上标/下标：
- 上标：
<sup>内容</sup> - 下标：
<sub>内容</sub>
- 上标：
- 文字标注：
<ruby>被标注文字<rt>标注内容</rt></ruby> - 变量声明：
<var>变量名</var> - 地址文字：
<address>地址</address> - 小号字体：
<small>免责声明</small>
2.3 特殊符号处理
- 空格：使用
（半角空格） - 常用符号代码：
- 引号：
" - 左尖括号：
< - 右尖括号：
> - 版权符号：
© - 注册商标：
®
- 引号：
三、段落格式控制
3.1 段落与换行
- 段落标签：
<p>段落内容</p > - 换行标签：
<br>或<br/> - 保留原始排版：
<pre>保留空格和换行的文本</pre> - 段落缩进：
<blockquote>缩进文本</blockquote>（可嵌套增加缩进层级）
3.2 水平线标签 <hr>
-
基础用法：
<hr><hr width="像素值/百分比" size="像素值" color="颜色代码" align="left|center|right" noshade> -
属性控制：
- 宽度：
width="像素值/百分比" - 高度：
size="像素值" - 颜色：
color="颜色代码" - 对齐：
align="left|center|right" - 去阴影：
noshade（布尔属性，无需赋值）
- 宽度：
四、结构化内容标签
4.1 内容区块
- 独立内容块：
<article>自包含内容</article> - 内容分区：
<section>文档节或区段</section> - 附属信息：
<aside>相关内容/侧边栏</aside>
4.2 导航与元信息
-
导航链接：
<nav><a>链接1</a ><a>链接2</a ></nav> -
日期时间：
<time datetime="YYYY-MM-DDThh:mm:ss">时间描述</time>- 属性：
datetime="YYYY-MM-DDThh:mm:ss"（机器可读时间）pubdate（布尔属性，发布日期标识）
- 属性：
4.3 页面结构元素
-
页眉：
<header>标题/导航</header> -
标题分组：
<hgroup><h1>主标题</h1><h2>子标题</h2></hgroup> -
页脚：
<footer>版权/作者信息</footer>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
