HTML
什么是HTML：
HyperText Markup Language(HTML)：超文本标记语言，网页语言。
超文本：超出文本的范畴
标记：html所有操作都是通过标记实现的，标记就是标签。
网页语言：
创建一个html程序。
文件名后缀.html .htm
代码：<font size = "5" color = "red">这是我的第一个html程序。</font>
html规范：
1.有一个开始的标签和结束的标签。<html> </html>
2.html包含两部分内容
<head>设置相关信息</head>
<body>显示在页面上的内容都写在body里面</body>
3.html的标签要有开始标签，也要有结束标签。成对出现。
4.标签不区分大小写
5.有的标签没有结束标签，要在标签内结束。eg：换行<br/> 水平线<hr/>
html操作思想：
网页中会有很多数据，不同数据可能需要不同的效果，这时可以使用标签把数据包（封装）起来，通过修改标签的属性来实现标签内数据的变化。
html中常用的标签
1.文字标签：修改文字的样式
<font> </font>
属性：
size：文字大小的取值范围为1-7，超出7，默认还是7；
color：文字颜色，英文单词或十六进制表示：#ffffff
2.注释标签：<!--注释-->
3.标题标签：
<h1></h1> <h2></h2> ...... <h6></h6>,h1到h6依次变小，同时会换行
4.水平线标签
<hr/>
属性：
size：文字大小的取值范围为1-7，超出7，默认还是7；
color：文字颜色，英文单词或十六进制表示：#ffffff
5.特殊字符
< ： <
> ： >
空格 ：
& ： &
6.列表标签
<dl> </dl>：表示列表的范围
<dt> </dt>：在dl内部书写，上层内容
<dd> </dd>：在dl内部书写，下层内容
<ol> </ol>：有序列表范围，属性：type：设置排序方式 1（默认） a i
<li> </li>：在ol内部书写具体内容。
<ul> </ul>：表示无序列表的范围。 属性：type：空心圆circle， 实心圆（默认）disc， 实心方块square，
<li> </li>：在ul内部书写具体内容。
7.图像标签
<img src="图片的路径">
src:图片的路径
width：图片宽度
height：图片的高度
alt：图片上显示的文字：有些浏览器不兼容
8.路径介绍
绝对路径：加盘符的路径。
相当路径：html文件和图片在一个路径下，直接写图片的名称；图片在html文件的下层目录，使用文件夹名\图片名；图片在html文件的上层目录，..\图片名称
9.超链接标签
链接资源
<a href = "连接到资源的路径"> 显示在页面上的内容 </a>
href：链接资源的地址；当超链接不需要链接到任何页面时，加#
target：设置打开的方式，默认是当前页面; _blank：新打开页面; _self：当前页打开;
定位资源
如果想要定位资源，需要定义一个位置
<a name="top"> </a>
回到这个位置
<a href="#top">回到顶部</a>
引入一个标签：<pre>原样输出</pre>
10.表格标签
可以对数据进行格式化，使数据显示更加清晰
<table border="1" bordercolor="blue" cellspacing="0" width="400" height="150"> </table>:表示表格的范围
border：表格线
bordercolor：表格线的颜色
cellspacing：单元格之间的距离
width：表格的宽度
height：表格的高度
在table里面<tr></tr>：表示行数
设置显示方式 align：left center right
在tr里面<td></td>：表示没行中的单元格数：可以将td换为<th ></th>，会自动居中和加粗
设置显示方式 align：left center right
表格的标题：<caption></caption>
合并单元格
rowspan：跨行
colspan：跨列
11.表单标签
<form> </form>：表单的范围
属性：
action="address"，将内容提交到指定位置。
method：表单提交的方式，常用有两种get（默认）和post，get请求地址栏会携带提交的数据，post数据在请求体内。get请求数据有大小限制，post没有限制。
enctype：一般不需要这个属性，在文件上传时需要设置该属性。
输入项：可以输入内容或者选择内容的部分
大部分的输入项 使用<input type = "输入项的类型"/>
普通输入项：<input type = "text"/>
密码输入项：<input type = "password"/>
单选输入项：<input type = "radio"/> 在里面需要属性 name name的属性值必须要相同。
eg：<input type = "radio" name="sex"/>男<input type = "radio" name="sex"/>女
实现默认选中的属性: checked="checked"
复选输入项：<input type = "checkbox"/>在里面需要属性 name name的属性值必须要相同。
实现默认选中的属性: checked="checked"
文件输入项：<input type = "file"/> 还必须在内部添加name和value属性，相当于map集合中的键值对。
下拉输入项：必须在内部添加name和value属性，相当于map集合中的键值对。默认选择属性设置：selected = "selected"
<select name="birth">
<option value="0">请选择</option>
<option value="1991">1991</option>
<option value="1991">1992</option>
<option value="1991">1993</option>
</select>
文本域：<textarea clos="10" rows="10"></textarea>
隐藏项：<input type="hidden"/>
<input type="submit" value="注册"/>：提交按钮
<input type="image" src="a.jpg"/>:图片提交按钮
重置按钮：<input type="reset"/><!--回到输入项的初始状态-->
普通按钮：<input type="button" value=""/>
12.html中其他常用标签的使用
b：加粗
s：删除线
u：下划线
i：斜体
pre：原样输出
sub：下标
sup：上标
div：自动换行
span：在一行显示
p：段落标签，比br多一行
13.html头标签的使用：在head里面的标签就是头标签
html分两部分组成 head和body
title标签：在浏览器上显示的内容
meta标签：设置页面的一些相关内容
<meta name="keywoeds" content="张三，李四，王五"/>：浏览器关键字搜索
<meta http-equiv="refresh" content="3;url=hello.html"/>
base标签：设置超链接的基本属性
<base target="_blank"/>
link标签：引入外部文件
14.框架标签：不能写在body里面，使用了该标签，需要把body去掉
<frameset>
rows:按照行进行划分 <frameset rows="80,*">
cols:按照列进行划分 <frameset cols="80,*">
<frame>具体显示的页面
<frame name="lower_left" src="b.html">
原文：https://www.cnblogs.com/star-491849224/p/12506789.html