- HTML【HyperText Markup Language】（超文本标记语言）
- 基本格式
<html>
<head><title></title></head>
<body></body>
</html>
单标签 <br> ； <hr>
- html中常用标签
- 文字标签和注释标签
<font></font>属性：size（1-7）超出7，默认7 color：文字颜色 - 注释标签
<!-- html的注释 --> - 标题标签
<h></h>由h1 - h6 大变小，同时会自动变行 - 水平线标签
<hr>属性：size（1-7）超出7，默认7 color：文字颜色 - 特殊标签
转义字符 < < ; > > ; & & ; 空格   - 列表标签
<dl> </dl>表示列表的范围
<dt> </dt>在dl里面：上层内容
<dd> </dd>在dl里面：下层内容
<dl>
<dt>慢慢</dt>
<dd>立即</dd>
<dd>马上</dd>
</dl>
输出：
- 有序列表
- 无序列表
<dl>
<dt>慢慢</dt>
<dd>立即</dd>
<dd>马上</dd>
</dl>
<hr>
<!--有序列表-->
<ol>
<li>慢慢</li>
<li>立即</li>
<li>马上</li>
</ol>
<hr>
<!--无序列表-->
<ul>
<li>慢慢</li>
<li>立即</li>
<li>马上</li>
</ul>
结果：
type: 空心圆circle 、实心圆disc 、实心方块square ，默认disc
-
图像标签
<img src="图片路径"/>
- src：图片路径
- width：图片宽度
- height：图片高度
- alt：图片上显示的文字，把鼠标移动到图片上显示的内容；有些浏览器不显示（没有效果） -
路径：绝对路径和相对路径
- 相对路径：
- 同一目录（直接文件名）
- 上级目录（…/文件名）
- 上级的上级（ …/…/ ）
- 相对路径：
-
超链接标签
- 链接资源
<a href="连接的资源路径">显示在页面的内容</a>- href：连接的资源路径
- target：设置打开的方式，默认在当前页面打开
- _blank：在一个新窗口打开
- _self：在当前页面打开
- 当连接不需要到任何地址时，在href里面加 #
<a href="#">无连接的超链接</a>
- 定位资源
- 先定义一个位置：
<a name="top">顶部</a> - 回到那个位置：
<a href="#top">回到顶部</a>
- 先定义一个位置：
- 链接资源
-
表格标签
-
<table></table>：表示表格范围- border：表格线
- bordercolor：表格线颜色
- cellspacing：单元格之间的距离
- width：表格宽度
- height：表格高度
-
在table里面的
<tr> </tr>：行- 设置对齐方式：align：left、center、right
-
在tr里面的
<td> </td>：行里的单元格- 设置对齐方式：align：left、center、right
-
使用th也可实现单元格 ：行
- 可实现居中和加粗效果
-
表格标题 ：
<caption></caption> -
合并单元格
- rowspan：跨行
- colspan：跨列
-
-
表单标签
-
<form></form>: 定义表单的范围 -
- 属性
* action： 提交到地址，默认提交到当前的页面
- method: 表单提交方式
- 常用的有两种 get和post，默认是get请求面试题目： get和post区别
- get请求地址栏会携带提交的数据，post不会携带
- get请求安全级别较低，post较高
- get请求数据大小的限制，post没有限制
- 属性
-
输入项：可以输入内容或者选择内容的部分要有name属性
- 大部分的输入项 使用
在输入项里面需要有一个name属性
-
普通输入项：
<input type="text"/> -
密码输入项：
<input type="password"/> -
单选输入项：
<input type="radio"/>-
在里面需要属性 name
-
name属性值必须要一致
-
必须有一个value值
-
实现默认选中的属性
- checked=“checked”
-
-
复选输入项：
·<input type="checkbox"/>-
在里面需要属性 name
-
name属性值必须要一致
-
必须有一个value值
-
实现默认选中的属性
checked=“checked”
-
-
文件输入项
<input type="file"/>
-
隐藏项（不会显示在页面上，但是存在于html代码里面）
<input type="hidden" /> -
提交按钮
-
使用图片提交
<input type="image" src="图片路径"/> -
重置按钮： 回到输入项的初始状态
<input type="reset"/> -
普通按钮
<input type="button" value=""/> -
下拉输入项（不是在input标签里面的）
<select name="birth"> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> </select>- 默认选择
- selected=“selected”
- 默认选择
-
文本域
<textarea cols="10" rows="10"></textarea>
-
-
html中的其他的常用标签
b : 加粗
s ：删除线
u ：下划线
i ：斜体
pre ：原样输出sub : 下标
sup : 上标p ：段落标签 比br标签多一行
div ：自动换行
span：在一行显示 -
html的头标签
- html两部分组成 head和body
- 在head里面的标签就是头标签
- title标签：表示在标签上显示的内容
<meta>标签：设置页面的一些相关内容<meta name="keywords" content="啦啦啦啦">
<meta http-equiv="refresh" content="3;url=a.html" />//默认3s刷新到a.html页面
- base标签：设置超链接的基本设置
- 可以统一设置超链接的打开方式
<base target="_blank"/>
- 可以统一设置超链接的打开方式
- link标签：引入外部文件
- 可以使用link标签引入css文件
-
框架标签
-
<frameset>-
rows:按照行进行划分
<frameset rows="80,*">//把页面划分成上下两部分
-
cols:按照列进行划分
<frameset cols="80,*">
-
-
<frame>- 具体显示的页面
<frame name="lower_left" src="a.html">
- 具体显示的页面
-
使用框架标签时候，不能写在body里面，使用了框架标签，需要把body去掉
-
<frameset rows="80,*">//把页面划分成上下两部分
<frame name="top" src="a.html">//上面页面<frameset cols="150,*">//把下面部分划分成左右两部分
<frame name="lower_left" src="b.html">//左边的页面
<frame name="lower_right" src="c.html">//右边的页面
</frameset>
</frameset><noframes></noframes> -
如果在左边的页面超链接，想让内容显示在右边的页面中
- 设置超链接里面属性 target值设置成名称
<a href="01-hello.html" target="right">超链接1</a>
-
-
a标签的扩展
-
百度是网络资源
-
当a标签里面访问网络资源时候，必须要加一个协议 http：表示一个网络的公共协议，
如果加上http协议之后，自动识别访问资源是一个网络资源 -
当浏览器里面找到相关协议，首先看这个协议是不是公共协议http。
如果不是公共协议，会去本地电脑找支持这个协议的应用程序。
-
5943
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
