本文介绍了HTML的基本语法，包括标签结构、语义使用，如标题层级、换行标签、段落等。同时涵盖了CSS的初步应用，如字体样式和布局控制。重点讲解了<h1>~<h6>标题标签和<div>、<span>的区别，以及如何通过合理选择标签提升页面可读性。
基本语法概述
1. HTML 标签是由尖括号包围的关键词，例如 <html>。
2. HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是
开始标签，第二个标签是结束标签。
3. 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签。
双标签关系可以分为两类：包含关系和并列关系。
第一个 HTML 网页
每个网页都会有一个基本的结构标签（也称为骨架标签），页面内容也是在这些基本标签上书写。
HTML页面也称为 HTML 文档.
HTML 常用标签
学习标签是有技巧的，重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。
根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰
<h1>标题一共六级选,</h1>
<h2>文字加粗一行显。</h2>
<h3>由大到小依次减，</h3>
<h4>从重到轻随之变。</h4>
<h5>语法规范书写后，</h5>
<h6>具体效果刷新见。</h6>
特点：
1. 加了标题的文字会变的加粗，字号也会依次变大。
2. 一个标题独占一行。
换行标签 <br />。
特点：
1. <br /> 是个单标签。
2. <br /> 标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距。
<p> 我是一个段落标签 </p>
标签语义：可以把 HTML 文档分割为若干段落。
特点：
1. 文本在一个段落中会根据浏览器窗口的大小自动换行。
2. 段落和段落之间保有空隙
加粗<strong></strong> 或者<b></b>
更推荐使用<strong>标签加粗语义更强烈
倾斜<em></em>或者<i></i>
更推荐使用<em>标签加粗语义更强烈
删除线<del></del>或者<s></s>
更推荐使用<del>标签加粗语义更强烈
下划线<ins></ins>或者<u></u>
更推荐使用<ins>标签加粗语义更强烈
加粗<strong></strong> 或者<b></b>
更推荐使用<strong>标签加粗语义更强烈
<div> 和 <span> 是没有语义的，它们就是一个盒子，用来装内容的
1. <div> 标签用来布局，但是现在一行只能放一个<div>。 大盒子
2. <span> 标签用来布局，一行上可以多个 <span>。小盒子
<img> 标签用于定义 HTML 页面中的图像。
<img src="图像URL" />
src 是<img>标签的必须属性，它用于指定图像文件的路径和文件名。
文本或图像
在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。
表格主要用于显示、展示数据，因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据
的时候，能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理。
表格不是用来布局页面的,而是用来展示数据的
<table>
<tr><td>单元格内的文字</td></tr>
</table>
因为表格可能很长,为了更好的表示表格的语义，可以将表格分割成 表格头部和表格主体两大部分.
在表格标签中，分别用：<thead>标签 表格的头部区域、<tbody>标签 表格的主体区域. 这样可以更好的分清表格结构
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
