136 lines
3.9 KiB
Markdown
136 lines
3.9 KiB
Markdown
---
|
||
title: HTML 介绍
|
||
date: 2020-11-10 15:26:09
|
||
tags: [HTML]
|
||
categories: [HTML]
|
||
author: Anges黎梦
|
||
---
|
||
|
||
## **什么是HTML？**
|
||
|
||
它的英文全称是：Hyper Text Markup Language，中文通常被称为超文本标记语言，
|
||
|
||
HTML是Internet中用于编写网页的主要语言，HTML提供了精简而有力的文件定义，可以设计出多姿多彩的超媒体文件。
|
||
|
||
通过HTTP通信协议，HTML文件得以在万维网上进行跨平台的文件交换。
|
||
|
||
## **HTML的特性**
|
||
|
||
**HTML文件制作简单，且功能强大，支持不通数据格式的文件导入，主要有以下几个特点：**
|
||
|
||
1. HTML文档容易创建，只需要一个文本编辑器就可以完成。
|
||
|
||
2. HTML文件存储容量小，能够尽可能快速地在网络中进行传输和显示。
|
||
|
||
3. HTML文件与操作平台无关，HTML独立于操作系统平台，能够与多种平台兼容，只需要一个浏览器就可以在操作系统中浏览网页文件。
|
||
|
||
4. 简单易学，不需要很深的编程知识。
|
||
|
||
5. HTML具有扩展性，HTML的广泛应用带来了加强功能、增加标识符等要素，HTML采取了类元素的方式，为了系统扩展提供了保证。
|
||
|
||
## **HTML的使用**
|
||
|
||
> 一个完整的HTML的文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。
|
||
|
||
这些逻辑上统一的对象统称为元素，HTML使用标签来分割并描述这些元素。
|
||
|
||
### **HTML的文档结构：**
|
||
|
||
```html
|
||
<html> <!--文件开始-->
|
||
<head> <!--头部开始-->
|
||
显示头部内容
|
||
</head> <!--头部结束-->
|
||
<body> <!--主体开始-->
|
||
主体内容
|
||
</body> <!--主体结束-->
|
||
</html> <!--文件结束-->
|
||
```
|
||
|
||
|
||
### HTML的基本语法
|
||
|
||
绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间的部分是元素体。
|
||
|
||
每一个元素都有名称和可选择的属性，元素的名称和属性都在标签起始标签内进行设置。
|
||
|
||
#### 普通标签
|
||
|
||
普通标签是由一个起始标签和一个结束标签所组成的。
|
||
|
||
```html
|
||
<a>内容</a>
|
||
```
|
||
|
||
a代表标签名称，这个标签就如同一组开关，一个开，为标签开启某种功能，关闭就可以关闭功能，受控制的内容就放在两个标签直接。
|
||
|
||
普通标签还可以添加一些属性。
|
||
|
||
```html
|
||
<a v="v1">内容</a>
|
||
```
|
||
|
||
v就是属性名称，v1就是对应的属性值，当然这个属性的数量是没有限制的。
|
||
|
||
|
||
|
||
#### 空标签
|
||
|
||
> 单独存在的标签叫做空标签。
|
||
|
||
```html
|
||
<x>
|
||
```
|
||
这些标签单独存在，用来完成某些特殊效果或功能。
|
||
|
||
```html
|
||
<hr color="#0000FF">
|
||
```
|
||
|
||
|
||
### HTML的编写注意事项
|
||
|
||
- “<”和“>”是任何标签的开始和结束。元素的标签需要使用这对尖括号括起来，并且在结束标签的前面加上符号“/”
|
||
|
||
- 在HTML代码中不区分大小写
|
||
|
||
- 任何空格和回车在HTML代码中均不起作用。为了使用HTML代码更加清晰，建议不同的标签之间使用回车进行换行
|
||
|
||
- 在HTML的标签中可以添加各种属性设置
|
||
|
||
- 需要正确的输入HTML的标签，输入HTML标签时，不要输入多余的空格，否则浏览器可能无法识别这个标签，导致无法正确的显示
|
||
|
||
- 在HTML代码中合理的使用注释。<!--需要注释的内容-->，注释语句只会出现在HTML代码中，不会在浏览器中出现。
|
||
|
||
|
||
|
||
## 初始HTML5
|
||
|
||
> HTML5，实际上是指HTML、CSS样式和JavaScript脚本在内的一整套技术的组合，
|
||
|
||
系统通过HTML5能够轻松实现许多丰富的网络应用需求，而减少对浏览器对插件的依赖，并且能够提供更多有效增强网络应用的标准集。
|
||
|
||
|
||
|
||
### HTML5文档结构
|
||
|
||
```html
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Title</title>
|
||
</head>
|
||
<body>
|
||
|
||
</body>
|
||
</html>
|
||
```
|
||
**<!DOCTYPE html>是一个文档声明其他与HTML并无太大差别。**
|
||
|
||
|
||
|
||
|
||
|
||
|