1.互联网三大基石：
HTML：超文本标记语言（标记：可以理解为标签）
HTTP：超文本传输语言
URL：统一资源定位符
1.1HTML作用：
作用：把网页信息格式化展现的语言
注意点：
在桌面上直接使用文本创建html，后缀只能是htm，不支持html。
<! DOCTYPE html > :HTML文档约束，它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
<meta http-equiv="refresh" content="5;https://www.bjsxt.com" /> <!--实现自动刷新-->2.标题标签：
<h1/>一共有六个标题到<h6/>
特点：
1）会自动加粗加黑
2）会自动换行
3）自动居于左侧
4）默认是left
属性align：（中文意思：使排整齐，校准）
<h2 align=”left”> </h2>
3.分割线标签：
<hr/>: 默认居中
width:宽度 size：垂直方向的大小color：颜色
<hr align="center" color="aqua" width="500px" size="20px"/>4.段落标签：（段落和段落之间会换行，还会有一定的段间距）
<p/>（段落内的内容不会自动换行）
空格；<br />换行
5.预文本
<pre/>
按照我们制定的格式来输出
6.常用小标签的作用和特点
<u/>
<u/><!--下划线标签-->
<i/><!--斜体标签-->
<b/><!--加粗加黑标签-->
<del/><!--删除线标签-->
2<sup>3</sup><!--上标标签-->23
X<sub>2</sub><!--下标标签-->X2
<small/><!--字体变小标签-->
<big/><!--字体放大-->
7.跑马灯标签(滚动)
<marquee direction=”right” scrollamount=”40px”> aaa </marquee>
（direction：向那个方向滚动, scrollamount：移动速度）
8.超链接标签（不会自动换行）
<a href=”http://www.baidu.com” target=”_blank” > 百度 </a>
<a href=”myHTML01.html”>测试</a>
target 目标
超链接标签的作用:（不会自动换行）
(1)实现不同页面之间的跳转
href:指定跳转到目标资源的位置
target：打开网页的方式
(2)实现锚点功能
9.快捷创建多个标签
br*20+table
三行三列表格：table>tr*3>td*3
10.图片标签
10.1书写的路径的3中方式
<!--相对路径-->
<img src=”img/1.img” />
<!--绝对路径-->
<img src=”E:HTML数据MyHTMLimgtimg 1.jpg”>
<!--网络路径-->
<img src="https://www.baidu.com/img/bd_logo1.png"/>
10.2图片标签的几个常用属性和属性的作用
title：图片的标题
Width,heigth 宽和高
border:图片的边框
alt：图片无法正常显示的时候显示的属性
align:图片的位置 ，必须有参照物
11.表格标签
<table/> （需要border：边框这个属性才能显现 出来）
<tr/> :表格中的一行 <td/>：每个单元格
<th/> <td/>的替换，一般用于表头，自带加黑加，居中
colspan:列合并
rowspan：行合并
align = “center” 加在表格标签中会使表格居中，加在<th/>会使这一行的内容居中
只需在第一行设置宽度。后边的会自动对应，但每一行的高度还需要设置height
cellpadding 指单元格内文字与边框的距离
cellspacing 指单元格间距
bgcolor：背景颜色12.表单标签
//提交到百度
<form action="http://www.baidu.com/s" method=”get”>//
<input type="text" name="wd"/>//
<input type="submit" name="提交" />
<input type="reset" name="重置" />
</form>
https://www.baidu.com/s？键1=值1&键2=值2
name 相当于key
value 默认值
Get：数据量小，数据显现在地址栏，不安全，依赖URL
Post：数据量大，数据不显示在地址栏，安全，不依赖URL
13.<form/>表单中的一些属性
账号： <input type="text" name="zh" value="123" />
密码：<input type="password" name="pwd" value="123"/>
单选框
男：<input type="radio"
checked="checked"/>
女：<input type="radio" name="sex" value="0"/>
多选框
篮球:<input type="checkbox" value="1"checked="checked">
乒乓球:<input type="checkbox" />
羽毛球:<input type="checkbox" /><br />
下拉框
<select name=”sel”>
<option value=”1” selected=”selected”> aa </option>
<option value=”2”> bb </option>
</select>
它的默认值使用 selected=”selected”
文本框
<textare rows=”13” cols=”20”>我是默认值</textare>//它的默认值放到标签中间
隐藏框
<input type=”hidden” value=”201505080142” name=”sno” />
14.<ifram/>和<frameset/>
<ifram/>:框架标签：在当前页面引入其它网页
<!DOCTYPE html>
<frameset/>:用于切分一个网页为好几部分，并且可以通过子标签<frame/>引入其它网页
需要把<body/>去掉
noresize=”noresize”//边框不再移动变化
