HTML
超文本标记语言
Hyper Text Markup Language
思维导图
打开
1、新建文件
2、保存文件名以.html结尾
(扩展名为html的文件是一种超文本文件,也可以称为网页文件。)
代码解释1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<br/>
</body>
</html>
Document 文档
Type 类型
Language —lang 语言 en 英文 zh-cn中文
<html>……</html>
双标签
<meta>
单标签<br/>
Head 表示html的头的部分
Body 表示html的正文的部分
UTF-8 ----Unicode码 全世界的通用码
Meta —metadata 源数据
Title 表示文档的标题
Hn 标签 表示文本的标题
N的取值范围 1-6
H1----h6
N的取值越大 字体越小 加粗
<br/>
换行
表单
Form—表单
该标签一般不会单独使用 会和input标签联合使用
属性:** action=“url” **
url 表示路径
file:///D:/code/css/2.html?username=zhangsan&pwd=123
? 目标文件的结束标识
& 属性连接符
Get请求 和Post请求 有什么区别?
两种请求方式都是能够让后台接受到数据的
Get请求 不安全 会把name属性的值暴露在地址栏上 地址栏默认大小为64kb
Post请求 安全 不会再地址栏上暴露name属性的值
路径
绝对路径:从盘符开始 要描述的文件路径 路径+文件的名称
相对路径:当前源文件和目标文件的相对路径位置
按钮、选择框
<input type=”” name=””>
Text ----文本框
Password ----密码框
Submit ----提交按钮
Radio ----单选框
Checkbox ----多选框
Reset 重置按钮
Button 普通的按钮
Select 标签 选择框
多选 使用multiple属性
文本域:textarea
rows 表示行数
cols 表示列数
对中文本控制
<br/>
换行
<div>
网页的分区的显示
<p>
对行的控制
<bgcolor>
背景颜色
(英文单词:red green blue black
十六进制:#rrggbb 0-f #000000 -#ffffff
Background 使用图片作为背景 (不建议使用))
<a>
链接可以进行页面跳转 默认为get请求
[锚点:使网页的展示到达某一个定位的地点
<a href="#D1"></a>
<a name="D1"></a>
<img>
<img src="图片路径" alt="代替文字" width="宽度" height="高度">
width 宽度
height高度
该两个属性可以控制图片的大小 单位可以使用XXpx 100%
<map>
定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。
<area>
标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。
area 元素总是嵌套在map标签中。
表格布局
表格布局:通过表格来对网站进行整体的布局,这种布局目前来讲已经被淘汰了
主要使用的就是表格的标签
Table ----表格
Tr ----表行
Th ----表头
Td -----表元
列表
有序列表
<ol>
<li></li>
</ol>
reversed
reverse------反转
type类型中可以使用数字 字母 以及罗马数字
无序列表
<ul>
<li></li>
</ul>
定义列表
<dl>
<dt>今天</dt>
<dd>The day of today</dd>
<dt>明天</dt>
<dd>The day after today</dd>
</dl>
视频和音频
视频<vedio>
<video src="路径" controls="controls"></video>
音频<audio>
<audio src="路径" controls="controls"></audio>
多窗口框架
一个页面可以显示多个窗口
4.0 版本<frameset>
多窗口
5.0版本中<iframe>
内嵌窗口
注意:如果要使用frameset标签那么它不能和body标签连用
常用的但是意义不明确的标签注释也是必不可少的
<nav>
导航
<slide>
侧栏
<header>
头部
<footer>
底部 增加代码的可读性
<label>
标记标签 通常和表单中的文本框
<span>
用于修饰文本