入门：网页源码查看
1. html 基本结构
<!DOCTYPE html> ----------------声明文档的解析类型，避免浏览器的怪异模式
<html> ----------------根标签（开始）
<head> ----------------头标签（开始）
<title>html 基本结构</title>-------------标题标签
</head> ----------------头标签（结束）
<body> ----------------主体标签（开始）
主体内容！ ----------------浏览器显示的主体内容区域
</body> ----------------主体标签（结束）
</html> ----------------根标签（结束）
2、html常用标签
水平线：<hr />
主体内容标题：<hn></hn>(n=1,2,3,4,5,6)
段落：<p></p>
换行：<br />
空格：
无序列表：
<ul>
<li></li>
</ul>
有序列表：
<ol>
<li></li>
</ol>
定义列表：
<dl>
<dt>名词</dt>
<dd>名词定义</dd>
</dl>
插入图片：
<img src=" " alt=" " width=" " height=" " />
src：图片路径
alt：图片的说明信息
width：图片的长度，可用百分比表示
height：图片的宽度，可用百分比表示
超链接：
<a href=" " title=" " target=" ">链接名</a>
hred：需要链接到的网址
title：title里面的内容会在鼠标悬停时显示
target：设置为_blank时即可在新窗口打开链接地址
注：点击图片跳转<a href=" "><img src=" " /></a>
指定图片某块区域加超链接：
使用map 标签可以给图片某块区域加超链接
使用方法：
1）为map 标签首先加上id 属性用来为map 标签定义一个唯一的名称
2）为了保证兼容性再加上name 属性，属性值与id 的值相同
3）为map 标签所作用的图片加上usemap 属性，属性值为#id 名称
4）在map 标签内嵌套area 标签来实现给指定区域加链接
<area shape="" coords="" href ="" alt="" />
shape 属性：定义链接区域的形状，常用值rect、circle
coords 属性：确定区域的精确位置。填写坐标即可
href 属性：填写链接地址即可
alt 属性：给链接加一些说明信息
eg.<img id=" " src=" " alt=" " usemap="#name"/>
<map id="name" name="name">
<area shape=" " coords=" " href=" " target=" "/>
</map>
div标签：一个可以存放标签的容器
span标签：使用来组合内联元素，以便通过CSS来美化它们。
表格：
表格由table 标签创建，tr 标签来创建表格的行，td 标签或者th 标签创建表格的列。
<table>
<tr><th></th></tr>
<tr><td></td></tr>
</table>
详解:
table 标签
1）属性：border
作用：规定表格边框的宽度
2）属性：cellpadding
作用：设置表格中字与单元格边框之间的距离
3）属性：cellspacing
作用：设置单元格之间的间距
tr 标签
定义html 表格中的行，tr 元素包含一个或多个th 或td 元素！
th 标签
定义表格内的表头单元格
td 标签
定义表格内的普通单元格
常用属性：
colspan：规定单元格可横跨的列数，值为数字
rowspan：规定单元格可横跨的行数，值为数字
表单：
1）标签<form>定义供用户输入的HTML 表单:
属性：
action：规定当提交表单时，向何处发送表单数据。
name：给表单命名
target：_blank 打开新的空白页
method：提交方式，post 或get 值
2）<input>标签定义表单的输入界面
通过type 属性来展示不同的输入界面,通过value 改变默认值
1.普通文本框：
<input type=”text” />
2.密码框：
<input type=”password” />
3.文件上传
<input type=”file” />
4.隐藏的input
<input type=”hidden” />
5.普通按钮
<input type=”button” />
6.单选
<input type=”radio” />通过相同的name 属性来实现单选
7.复选框
<input type=”checkbox”/>通过相同的name 属性来实现复选
8.提交
<input type=”submit” />
9.重置
<input type=”reset” />
属性checked,可用值：checked
一般用于选择输入界面（单选复选）,实现默认选择
属性disabled,可用值：disabled
几乎所有的输入界面都可以使用该属性
属性name
自己给input 输入界面起的名字
属性readonly,可用值readyonly
使输入界面为只读状态
属性size，值为数字
设置输入框长度
属性value
该属性值就是这个input 最终提交到页面的数据，可以通过该属性设置默认值
3)textarea 标签，定义多行输入框
双标签,默认值直接写在标签之间。
属性：cols,值为数字，字符长度即列数
属性：rows，值为数字，行数
也可以使用上面所说的：disabled，name，readonly 属性
4）label 标签，提升用户体验
标签的for 属性与相关input 的id 属性相同，让点击框和字都有反应
5）select 标签，配合option 标签来实现下拉菜单
可用属性：disabled，name，multiple
multiple列出下拉菜单，多选
6）option 标签
可用属性：disabled，selected，value
selected默认选中
eg、
<select>
<option> </option>
</select>
7）optgroup 标签(分组)
把相关的选项组合在一起
属性label：给选项组命名
属性disabled：经用该选项组
属性名与属性值一样的有：
multiple=”multiple“
selected="selected"
checked=”checked“
1. 标签写法探讨
1.1、元素标记的省略（在html5 里面有的标记是可以省略不写的）
1）不允许写结束标签的元素
area,base,br,col,command,embed,hr,img,input,keygen,link,meta,paran,source,
track,wbr。
这些标签都是单标签例如：br 标签，不可以这样<br></br>，只能
这样来关闭
标签。
2）可以省略结束标记的元素有：
li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th。
3）可以省略全部标记的元素有
html,head,body,colgroup,tbody
1.2、具有boolean 值得属性
例如：disabled,readonly，checked 等
只写属性而不写属性值得时候当做ture
不写属性表示false
1.3、属性值的引号可以省略
要求：属性值不包含空字符串，<，>，=， ‘， “
注意：养成良好的代码习惯，可以为你节约不少时间!
2. 标签嵌套探讨
1.html 规定我们必须要嵌套着写的标签
例如：页面头部是嵌套在head 标签里面的，主体内容都是嵌套在body 标签里面的
表单的内容是嵌套在form 标签里面的，dt、dd 是嵌套在dl 标签里面的，li 是嵌套到
ul 标签里面的，等等…
2.块级元素可以嵌套内联元素，但是内联元素不能包含块元素
<div><span>我是一个span 元素</span></div> —— 对
<span><div>div 元素</div></span> —— 错
3.内联元素可以嵌套内联元素
<a href="#"><span></span></a> —— 对
4.块级元素与块级元素嵌套注意点
1）div 块级元素是一个容器，几乎可以存放任何常用标签，包括自己，我们为什么要
使用div 来嵌套标签？这个问题可以用用我们国家的省份划分来解释，国家需要划
分不同的省份来利于管理，那么我们html 页面也是的，整个html 文档元素太多，
我们需要使用div 标签将页面划分成不同的块，这样可以对每块进行分开管理，学
完css 我们就知道怎么进行管理了。
2）块级元素不能放在p 标签里面
<p><ol><li></li></ol></p> —— 错
<p><div></div></p> —— 错
3）li 内可以包含div 标签，这一条其实不必单独列出来的，但是许多人对此有些疑惑，
就在这里略加说明
li 和div 标签都是装载内容的容器，地位平等，没有级别之分（例如：h1、h2 这样
森严的等级制度_），要知道li 标签连它的父级ul 或者是ol 都可以容纳的，为什
么有人会觉得li 偏偏容纳不下一个div 呢？别把li 看得那么小气。
*head标签在HTML 中，仅有几个标签在HTML 的头部分是合法的，包含有：
<base>、<link>、<meta>、<title>、<style>以及<script>
*为html 页面添加描述信息用于搜索引擎抓取;设置页面的关键信息
使用name 属性，配合content 属性来实现！
<meta name ="keywords" content="关键词" />
<meta name ="description" content="页面描述" />
name 属性还可以有其他的值，我们就不再介绍，因为用的极少
*引入css 文件
后面就要进入css 的学习，css 的代码可以单独的写在一个文件里面然后通过html 标签来引入到页面里
<link rel="stylesheet" herf="文件位置" type="text/css" />
*为html 文档加上使用的语言类型说明
在很多国际化的网站中会使用到！
<html lang="zh-CN">
</html>
告诉浏览器等设备，语言使用以中文为显示和阅读基础!
英文使用en
*用html 标签来实现网页跳转
<meta http-equiv="refresh" content="等待秒数;URL=跳转url 地址" />
*告诉浏览器不要加载页面的缓存（即获取网站的最新内容）
<meta http-equiv="pragma" content="no-cache" />
*iframe 标签，框架
创建包含另外一个文档的内联框架（即行内框架）
注：在一个页面嵌入另一个页面的框架
属性：frameborder
值：1、0
作用：规定是否显示框架周围的边框。
width
值：以像素计的宽度值、以包含元素百分比计的宽度值
作用：定义iframe 的宽度
height：定义高度
name
给iframe 命名
scrolling
值：yes、no、auto
作用：规定是否在iframe 中显示滚动条
src：规定在iframe 中显示的文档的URL
可以是本地的html 文件，也可以是远程的html 文件
来源：CSDN
作者：程序员YAYA
链接：https://blog.csdn.net/weixin_42282999/article/details/104540576