刚学HTML的新手，写文本是不是总犯愁？调个字体大小、改个颜色，折腾半天没效果；想换行、缩进，要么乱套要么没反应，加班改到崩溃都没头绪。其实HTML文本标签没那么复杂，今儿个就把一线开发天天用的文本标签、常用属性，全用大白话唠透，连案例带避坑点，覆盖字体、换行、缩进等所有需求，新手照搬都能上手，不用死记硬背。
先唠最基础的，段落和标题标签，缺一不可。
<p>是段落标签，写正文全靠它，比如<p>这是一段网页正文，简单好懂</p>，默认会换行，不用手动加空格。它的常用属性超实用：调行高用line-height，<p style="line-height: 1.8;">行高1.8，读着不挤眼</p>；首行缩进用text-indent，<p style="text-indent: 2em;">首行缩进2字符，规范又好看</p>。
<h1>-<h6>是标题标签，<h1>最大，一个页面只能有一个，比如<h1>HTML文本标签详解</h1>；<h2>-<h6>依次变小，做小标题用，别乱堆<h1>，不然影响搜索收录，纯属白费功夫。
再讲字体相关的，新手最常用，也最容易踩坑。
改字体大小用font-size，<span style="font-size: 16px;">16px是常用大小</span>，别用太大或太小，看着费眼；改字体颜色用color，<span style="color: #ff0000;">红色文本，一眼突出</span>，新手记几个常用颜色代码就够。
改变字体用font-family，<span style="font-family: '微软雅黑', sans-serif;">微软雅黑字体，清晰好读</span>，别用太冷门的字体，不然别人电脑可能显示不出来；字体斜体不用复杂操作，要么用<em>斜体文本</em>，要么用属性<span style="font-style: italic;">斜体效果</span>，两种都能用，一线更爱用前者。
文本背景颜色用background-color，<span style="background-color: #ffff00;">黄色背景，突出重点</span>，别用太刺眼的颜色，影响阅读体验；文本居中用text-align: center，<p style="text-align: center;">这段文本居中显示</p>，做标题、引言超合适。
还有几个实用标签，新手必掌握，别搞混！
<del>标签是删除线，比如<del>这是被删除的内容</del>，做修改痕迹、过期信息超方便；换行标签<br>，不用写结尾，比如“第一行<br>第二行”，直接换行，比空空格靠谱多了。
<pre>标签是保留格式标签，比如写代码、诗歌，<pre> 这里的空格、换行 都会保留 </pre>，不用额外加标签，一线写代码片段天天用，新手别用它写普通文本，会显得很乱。
提醒一句：新手别乱堆属性，一个标签加1-2个核心属性就够，堆多了后期难修改；另外，文本样式尽量统一，别一个段落一个字体、一个颜色，看着杂乱，还增加后期维护工作量～
评论