HTML入门：HTML常用标签
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">什么是HTML？</p>HTML是超文本标记语言的缩写（HyperText Markup Language），<span style="color: black;">功效</span>是利用HTML标记，告诉浏览器被标记的内容要<span style="color: black;">怎样</span>摆放及内容的含义，如：<p>这是个段落元素</p>，<span style="color: black;">这儿</span>，被标记的内容是“这是个段落元素”这句话，而<p></p>则是HTML的标记；当浏览器读取到这个标记时，就会<span style="color: black;">晓得</span><span style="color: black;">这儿</span>的内容是一个段落文本，<span style="color: black;">而后</span>用相应的格式<span style="color: black;">表示</span>。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML的语法规则：</p>要让页面正确的<span style="color: black;">表示</span>，就<span style="color: black;">必要</span><span style="color: black;">运用</span>正确的HTML语法和HTML元素，如：<span style="color: black;">针对</span>标题应该<span style="color: black;">运用</span><h1>、<h2>、<h3>...等标题元素，而<span style="color: black;">针对</span>一整段的文字内容则应该<span style="color: black;">运用</span><p>元素一个规范的页面代码有利于<span style="color: black;">守护</span>和阅读，要想<span style="color: black;">晓得</span>自己的HTML代码<span style="color: black;">是不是</span>规范，<span style="color: black;">能够</span><span style="color: black;">运用</span>w3school的<a style="color: black;">HTML验证<span style="color: black;">工具</span></a>来<span style="color: black;">检测</span>，<span style="color: black;">而后</span><span style="color: black;">按照</span><span style="color: black;">检测</span>结果进行<span style="color: black;">调节</span>，直至<span style="color: black;">经过</span>验证为止。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">用一个<span style="color: black;">实质</span>的例子来总结以上的内容：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic4.zhimg.com/80/v2-405b555935eb390612b1378c2e02654f_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 左边是源代码，右边是运行结果</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic1.zhimg.com/80/v2-a54cdf8d290f0a298a62dc2855413534_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">页面<span style="color: black;">经过</span>w3school验证<span style="color: black;">工具</span>的验证。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">HTML常用标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1.</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">段落标签</p>：用来定义网页中的一段文本，段落与段落之间换行。<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">属性：align ；定义段落中的文本水平方向的对齐方式。</p>属性值：left（左对齐）、right（右对齐）、center（居中对齐）
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">2.<br/> ：换行标签，指行与行之间换行，他是一个单标签。</p>两者的区别：<div style="color: black; text-align: left; margin-bottom: 10px;"><br/>：是单标签，小行换行提行；
<p></p> ：是双标签，大行换行分段；</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">3.</p>---：：<span style="color: black;">表率</span>一级标题，级别高，字体 <span style="color: black;">亦</span>最大，其他依次递减。：级别最小，字体最小<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">属性：align ；定义标题中的文本水平方向的对齐方式。 </p>属性值：left（左对齐）、right（右对齐）、center（居中对齐）
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">4.<blockquote>文字段落缩进</blockquote>：在标签中<span style="color: black;">包括</span>块级标签，而不是纯文本。</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><blockquote>
<p>自动缩进p标签内的文本</p>
</blockquote></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">5.<span style="color: black;">创立</span><span style="color: black;">没</span>序列表</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><ul type="circle">
<li>列表项</li>
<li>列表项</li>
</ul></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">属性：type ；定义列表项的符号。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">属性值：circle（空心圆）、disc（实心圆）、square（实心方块）</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">6.<span style="color: black;">创立</span>有序列表</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><ol type="a">
<li>列表项</li>
<li>列表项</li>
</ol></div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">属性：type ；定义列表项的符</p>
楼主的文章深得我心，表示由衷的感谢！ 在遇到你之前，我对人世间是否有真正的圣人是怀疑的。 可以发布外链的网站 http://www.fok120.com/ 你的见解真是独到，让我受益匪浅。
页:
[1]