初识 html | 易学教程

一、定义

超文本标记语言，负责网页的结构，使用标签的形式表示网页的不同组成部分，所谓的超文本就是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。

二、基本格式

<html>
	<head>
		<meta charset="utf-8" />
		<title>标题</title>
	</head>
	<body>
		<h1>第一个网页</h1>
	</body>
</html>

三、标签

1. html

一个页面中有且只有根标签，网页中所有的内容都应该写在跟标签中

<html></html>

2. head

标签的内容，不会在网页中直接显示，用来帮助浏览器解析页面

<head></head>

3. title

网页标题标签。默认显示在浏览器的标题栏中，搜索引擎搜索页面时，首先会检索title标签中的内容，它是网页搜索引擎最重要的内容，会影响网页在搜索引擎的排名

<title></title>

4. body

设置网页中的主题内容，网页中所有可见的内容，都应该放在body中编写

<body></body>

5. meta

meta是一个自结束标签，编写一个自结束标签时，开以在开始标签中加一个/，meta用来设置网页的一些元数据，比如网页的字符集，关键字，简介，搜索引擎搜索时，会检索关键词和描述，但不会影响搜索引擎的排名

(1) 字符集

<meta charset="utf-8" />

(2) 关键字

<meta name="keywords" content="html5,test"/>

(3) 描述

<meta name="description" content="描述的内容"/>

(4) 请求重定向

<meta http-equiv="refresh" content="5;url=https://www.baidu.com" />

5是秒数，url是目标路径

6. 标题

在html中，一共有六级标题，h1~h6，h1最大，h6最小，h3以后基本不使用，h1重要性仅次于title，搜索引擎检索完title会检索h1，页面只能写一个h1，多写的会被浏览器视为垃圾网站

<h1>一级标题</h1>

7. 段落

段落标签用于表示内容中的一个自然段，使用p标签来表示一个段落，默认独占一行，且段落之间有一段距离

<p>段落</p>

8. 换行

<br/>

9. 水平线

<hr/>

10. 图片

<img src='img/1.jpg' alt='这是一个图片'/>

属性	意义
src	设置一个外部图片的路径，使用的是相对路径
alt	图片不显示时，对图片的描述，如果不写alt，搜索引擎不会对img的图片进行收录
width	宽度，单位为px
height	高度，单位为px

图片格式：

名字	说明
JPEG（JPG）	支持的颜色比较多，可以用来压缩，不支持透明，一般用来保存颜色丰富的图片
GIF	图片颜色单一，支持动态图，一般用颜色单一或动态图
PNG	支持颜色多，支持复杂的透明，可以用来显示颜色复杂的透明图片

注意：当宽度和高度只指定一个，会保持比例改变另外一个

四、其他

1. 注释

<!-- 
    这是注释
-->

2. 文档声明 h5

<!DOCTYPE html>

3. 实体

4. html 规范

(1) html 不区分大小写，一般使用小写

(2) html 注释不能嵌套

(3) html 结构必须完整，要么成对出现，要么自结束标签，出错浏览器会自动纠错，但有些时候回修正错误

(4) html 标签可以嵌套，但是不能交叉嵌套

(5) html 属性必须有值，且值必须加引号

来源：CSDN

作者：心文花雨

链接：https://blog.csdn.net/xinwenhuayu/article/details/104123949

标签