HTML： 超文本“标记语言” 让浏览器识别的一门语言 hyper text markup language 超文本标记语言。 1993年诞生 2013年html5出现 。
W3C world wide web consortium 万维网联盟
1994年成立。
双标记标签： <head></head>
单标记标签： <meta>
webstrom软件html页面说明：
<!DOCTYPE html> doctype : 声明 作用：文档声明，用来告知浏览器整个页面是以什么样的文档形式编写
<html lang="en"></html> 根标签 所有html页面标签最外层不标签，我们后期所写的所有内容都在这一对标签内部
在每个标签上，如果出现有空格 并且后面跟着内容，那么我们称这段内容是这个标签的属性
lang="en" 设置语言是英语 就是html标签的一个属性 属性名=属性值
<head></head> head:头 html的头部 用于给html做说明和修饰的作用
<body></body> body：身体 html的主体 用于给用户展示的内容，包括：文字、图片、视频、音频等等
<meta charset="UTF-8"> charset：表示整个文档的字符编码格式 UTF-8 万国码
gb2312包含全部中文字符
<title></title> title:标题 代表的是整个HTML的标题
html常用的标签：
标题标签： <h1></h1> ....... <h6></h6> 一级标题到六级标题
特点：文字加粗，每一个标题都有自己的文字大小，每一个标题都单独占据一行
段落标签： <p></p>
特点：单独占据一行，段与段之间有一个字符大小的间隔
水平线标签： <hr>
强制换行 <br>
常用的HTML标签：
加粗标签
b 加粗 没有语义化
strong 加粗 具有语义化
倾斜标签
i 倾斜 没有语义化
em 倾斜 具有语义化
上标和下标
sup 上标
sub 下标
图片
img
属性： src 图片的路径 ./代表当前目录 每一次向下查找目录需要用/来查找 如果想要返回上一级目录../
alt 当图片无法加载时给用户的提示文字，用来告知用户这张图片的大概意思
title 当鼠标放入图片时，给用户的提示文字
width 设置图片的宽度，当设置宽度时，如果没有手动设置高度，那么高度会随着设置的宽度等比例缩放
height 设置图片的高度，方式和宽度相同
但是当同时设置宽度和高度的时候，图片会按照设置的值强制拉伸或扭曲显示
<img src="./image/signup_step2.jpg" width="305"height="104">
超链接
a
属性： href 代表超链接跳转的路径
target 用于实现在什么位置打开新页面 默认 _self 当前页 可以设置成 _blank 表示新页面打开
<a href=" " target="_self"><a> <a href=" " target="_blank"><a>
外部链接： 连接到其他的网站，通常情况下href属性中需要填写一个完整的网站地址
<a href="https://www.baidu.com">百度</a>
内部链接： 连接到一个网站内部的各个网页中
<a href="01-加粗与倾斜.html">内部跳转</a>
锚点链接 ： 在一个网页内部各个位置之间的跳转
<a name="two"></a>
a标签去掉href属性，添加一个name属性，并且a标签不给任何内容，这样的一个a标签，我们称之为秘密锚点
空连接 如果设置的是一个空连接，点击后会直接刷新页面
<a href="">这里是一个空连接</a>
无效链接 表示将当前的链接进行处理，使其无法产生链接的作用
<a href="javascript:;">这里是一个无效链接</a>
所有的标签都可以添加一个 id属性 这个属性具有唯一性，类似于我们的身份证号一样，
同一个标签可以出现多次，但是同一个id名只能有一个
原文：https://www.cnblogs.com/solart/p/11662479.html