TML是超文本标记语言。

web标准是由W3C和其它标准化组织制成集合。

web标准的构成

结构（对网页元素进行整理和分类-HTML）

表现（设置网页元素的版式，颜色，大小等外观样式-CSS）

行为（模型的定义及交互的表现-JS）

HTML常用标签

加粗:<strong>和<b>

倾斜：<em>和<i>

删除线：<del>和<s>

下划线：<ins>和<u>

<div>分割分区<span>跨度跨距

图片标签<img/>

属性: src图片路径

alt替换文本，图片无法正常显示

title提示文本，鼠标放到图像显示

width宽度，height高度（只需要修改其中一个）

border边框（无需单位直接写数值）

注意：

①图像标签可以拥有多个属性，必须写在标签名后面

②属性之前不分先后顺序，标签名与属性，属性与属性之间需要空格分开

③属性采取键值对的格式

相对路径：以引用文件所在位置为参考基础

（同一级路径，下一级路径/，上一级路径../）

绝对路径：从盘符开始的路径（\）

常用属性

img ——vspace垂直边距 ，hspace水平边距 align对齐

details,summary，鼠标点击时显示或隐藏

mark 文本中高亮显示，和strong相似

cite 用于引用标记，斜体显示

draggable true选中后可以拖动操作

font定义 font-style font-weight font-size/line-height font-family 顺序不能改变

word-wrap break-word长单词或url地址自动换行

letter-spacing字间距

word-spacing单词间距

line-height行间距

text-decorantion文本装饰unline下划线，overline上划线，line-through删除线

text-indent 2em 首行缩进两个字符

white-space空白符处理 pre

box-sizing:content-box当widthh和height的时候不包括margin和panding

更换图层位置，z轴偏移z-index:-10

align-items:center居中对齐

align-self:center

超链接标签<a>

href链接目标地址

target链接页面打开的方式（_self当前窗口打开,_blank新窗口中打开方式）

外部链接，内部链接，空链接，下载链接，网页元素链接，锚点链接（快速定位到页面的某个位置- 添加id属性）

去除超链接样式:text-decoration:none

特殊字符

空格符 &nbsp;

小于号&lt; 大于号&gt;

表格标签

align对齐方式

bolder表格边框

cellpadding单元格与内容之间空白

cellspacing单元格与单元格之前空白

合并单元格：rowspan colspan

列表标签

无序列表：ul li

有序列表：ol li

自定义列表：dl dt dd

表单标签

完整表单：表单域<form>，表单控件，提示信息

<form>

——action（指定接受并处理表单数据的服务器程序的url地址）

——method（get/post设置表单数据的提交方式）

——name（指定表单名称）

<input>输入元素

type属性：button（点击按钮）checkbox（复选框）file（输入字段和“浏览”按钮）hidden（隐藏输入字段）image（图片形式提交按钮）password（密码字段）radio（单选按钮）reset（重置按钮）sumbit（提交按钮）text（单行输入字段，默认20个字符）

name属性：（相同的名字——单选框和复选框）区别不同表单元素

value属性：定义input元素值

checked属性：页面首次加载是否选中

maxlength属性：输入字段的最大值

<lable>标签

用于绑定一个表单元素，当点击<lable>标签内的文本时，浏览器会自动将焦点转到或者选择对应的表单元素上，用来增加用户体验。

<lable>标签的for属性与相关元素的id属性相同

<select>下拉列表元素

-<option>

-selected="selected"默认选中

<textarea>文本域

-cols rows （每行每列字数）

网页设计中，标题、段落和文本格式是构成页面内容的基石。它们不仅有助于传达信息，还能通过组织和强调内容来提升用户体验。本文将详细介绍这些元素的使用方法，并提供实际例子。

标题（Headings）

标题是用来定义网页中不同部分的标题。在HTML中，标题标签从<h1>到<h6>，其中<h1>表示最高的层级，通常用于主标题，而<h6>表示最低的层级。为了保证良好的SEO实践和无障碍访问，应保证标题层级的逻辑顺序。

使用实例：

<h1>欢迎来到我的博客</h1>
<h2>最新文章</h2>
<h3>Web开发的未来趋势</h3>
<h4>前言</h4>
<h4>主要内容</h4>
<h4>结论</h4>
<h3>如何提高JavaScript技能</h3>

在这个例子中，<h1>用于最主要的标题，<h2>用于区分页面中的主要部分，<h3>用于文章标题，<h4>用于文章内部的小节。

段落（Paragraphs）

段落是文本的基本单元，用于组织和展示连续的文本内容。在HTML中，<p>标签用于定义段落。合理的段落分割有助于读者更好地理解和吸收信息。

使用实例：

<p>在今天的数字时代，网页开发已经成为了一个不断演变的领域。随着新技术的出现，开发者需要不断学习和适应。</p>

<p>JavaScript是构建现代网页不可或缺的一部分。为了成为一名更优秀的前端开发者，提高JavaScript技能是非常重要的。</p>

在这个例子中，两个<p>标签分别定义了两个独立的段落，每个段落都是一个完整的思想单元。

文本格式

文本格式用于强调或区分网页中的文本内容。HTML提供了多种标签来改变文本的样式和意义，包括但不限于加粗、斜体、下划线、上标和下标等。

加粗（Bold）

<strong>和<b>标签用于加粗文本，但<strong>通常表示重要性，而<b>仅用于视觉上的加粗。

使用实例：

<p>重要提示：<strong>请不要在任何情况下泄露您的密码。</strong></p>
<p>这是一个<b>加粗</b>的文本示例。</p>

斜体（Italic）

<em>和<i>标签用于斜体文本，<em>表示强调，而<i>仅用于斜体样式。

使用实例：

<p>当我们谈论<em>用户体验</em>时，我们指的是用户与产品交互的整体感受。</p>
<p>这是一个<i>斜体</i>的文本示例。</p>

下划线和删除线

``标签用于下划线文本，而<del>标签用于显示文本已被删除或更改。

使用实例：

<p>请阅读使用条款了解更多信息。</p>
<p>原价<del>99.99美元</del> 现价69.99美元。</p>

上标和下标

<sup>和<sub>标签用于创建上标和下标文本，常用于科学公式和脚注。

使用实例：

<p>水的化学式是H<sub>2</sub>O。</p>
<p>爱因斯坦的质能方程式E=mc<sup>2</sup>。</p>

结论

合理使用标题、段落和文本格式可以极大地提升网页内容的可读性和专业性。通过明确的层级结构和强调重要内容，你可以帮助用户快速找到他们需要的信息。记住正确使用这些基本元素，你的网页将更加吸引人且功能强大。