HTML教程
1、HTML：超文本标记语言，是一种用于创建按网页的标准标记语言，不是编程语言。
2、可以用来建立自己的WEB站点，它运行在浏览器上，有浏览器来解析。
3、注意：对于中文网页需要使用<meta charset="utf-8">声明编码，否则会出现乱码。有些浏览器会设置GBK为默认编码，则你需要设置为<meta charset="gbk">。
4、HTML文档的后缀为.html或.htm。
5、<!DOCTYPE>声明不区分大小写，以下方式都可以：
<!DOCTYPE html> <!--这个是HTML5通用的声明-->
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>HTML元素
| 开始标签 | 元素内容 | 结束标签 |
|---|---|---|
| <p> | 这是一个段落 | </p> |
| <a href="default.html"> | 这是一个链接 | </a> |
| <br> | 换行 |
1、空元素
-
没有内容的HTML元素被称为空元素。空元素实在开始标签中关闭的。
-
<br>就是没有关闭标签的空元素.
-
在HTML中，所有元素都必须被关闭。
HTML属性
| 属性 | 描述 |
| class | 为html元素定义一个或多个类名(classname) |
| id | 定义元素的唯一id |
| style | 规定元素的行内样式 |
| title | 描述元素的额外信息(作为工具条使用) |
HTML标题
1、标题是通过<h1>~<h6>标签进行定义的。
<h1>定义最大的标题。
<h6>定义最小的标题。
注释：
<!--这是一个注释-->HTML段落
1、段落是通过<p>标签来定义的。
<p>这个<br>段落<br>演示了分行的效果</p>
<!-- 得到的效果为：
这个
段落
演示了分行的效果
-->HTML文本格式化
1、通常标签<strong>替换加粗标签<b>来使用。<em>替换斜体<i>标签使用。
文本格式化标签
| 标签 | 描述 |
| <b> | 定义粗体文本 |
| <em> | 定义着重文字 |
| <i> | 定义斜体字 |
| <small> | 定义小号字 |
| <sub> | 定义下标字 |
| <sup> | 定义上标字 |
| <ins> | 定义插入字 |
| <del> | 定义删除字 |
| <strong> | 定义加重语气 |
“计算机输出”标签
| 标签 | 描述 |
| <code> | 定义计算机代码 |
| <kbd> | 定义键盘码 |
| <samp> | 定义计算机代码样本 |
| <var> | 定义变量 |
| <pre> | 定义预格式文本 |
引文、引用、及标签定义
| 标签 | 描述 |
| <address> | 定义地址 |
| <bdo> | 定义文字方向 |
| <blockquote> | 定义长的引用 |
| <q> | 定义端的引用语 |
| <cite> | 定义引用、引证 |
| <dfn> | 定义一个定义项目 |
| <abbr> | 定义缩写 |
HTML链接
1、如果为这些链接设置了CSS样式，展示样式会根据CSS的设置而显示。
<a href="url">链接文本</a>
<!--
href:指定连接目标的URL，这是链接的最重要的属性。可以是另一个网页的URL或其他资源的URL。
target(可选)：指定链接如何在浏览器中打开。eg:值为_blank(在新标签或窗口中打开链接)和_self(在当前标签或窗口中打开链接)。
title(可选)：提供链接的额外信息，通常在鼠标悬停在链接上时显示为工具提示。
rel(可选)：指定与链接目标的关系，eg:nofollow、noopener等。
-->
<!--文本链接-->
<a href="default.html">连接文本</a>
<!--图像链接-->
<a href="default.html">
<img decoding="async" src="example.jpg" alt="示例图片">
</a>
<!--
decoding属性用于告诉浏览器使用何种港式解析图像数据。
常见属性值为：
1、sync：同步解码图像，保证与其内容一起显示。
2、async：异步解码图像，加快显示其他内容。
3、auto：默认模式，表示不偏好解码模式。由浏览器据欸的那个哪种方式更适合用户。
此属性类似于在script标签上使用async属性。加载图像所需时间不会改变，但其“解码”的方式由解码属性决定。decoding属性可以控制是否允许浏览器尝试异步加载图像。异步加载对元素很有用，对碰墓外的图像对象可能更有用。
alt：是用来对网页上的·图片进行描述，光标在图片上时显示的提示语即采用该标签实现。
-->
<!--锚点链接-->
<!--除了链接到其他网页外，还可以在同一页面内创建内部链接，这称为锚点链接。使用#符号引用该标记。-->
<a href="#section2">跳转到第二部分</a>
<!-- 在页面中的某个位置 -->
<a name="section2"></a>
<!--下载链接-->
<!-- 如果希望链接用于下载文件而不是导航到另一个网页，可以使用download属性 -->
<a href="document.pdf" download>下载文档</a>
HTML头部
1、<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
文档内容......
</body>
</html>2、<base> 标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接:
<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>
扫一扫
9010
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
