html简介
HTML: Hpyer Text Mark Languge 超文本标记语言、
- 超文本（图片、视频、音频、超链接等）
- 标记 （特殊的符号）
- 语言 （浏览器能识别的标记）
网页的组成:HTML(结构)+CSS(样式)+JS(行为)
结构标签
<!DACTYPE html>
<html>
<head>
<meat charset="utf-8"></meat>
<title></title>
</head>
<body>
</body>
</html>
颜色的表达方式
- 第一种：用英文单词表示，例：red
- 第二种：用十六进制表示颜色，例：#000000
- 第三种：rgb（），rgba（）表示，例：reg(255,0,0)
排版标签
+ 可用于实现简单的页面布局
+ 注释标签：<!--注释内容-->
+ 换行标签：<br />
+ 段落标签： <p>文本文字</p>
+ 特点：段与段之间有空行
+ 属性：align对齐方式（left、center、right）
+ 水平线标签：<hr />
+ 属性：
+ width 长度
+ size 粗细
+ color 颜色
+ align 对齐方式
文字标签
属性：字体大小、字体颜色、字体样式
<font size="5" colr="red" face="微软雅黑"></font>
文本标签
<b></b> 加粗
<strong></strong> 加粗，强调语气，方便爬虫获取数据
<i></i> 斜体
<em></em> 强调字体
<u></u> 下划线
<sub></sub> 下标标签
<sup></sup> 上标标签
<del></del> 删除线
图片标签
属性：地址、宽度、高度、边框、于图片对齐显示方式、提示文字、移动到图片显示的文字
<img src="img/1.png" width="10px" height="10px"
boder="1px,solid,red" align="centor"
alt="加载失败" title="这是苹果" />
链接标签
属性：跳转地址、页面打开方式
<a href="http://www.baidu.com" target="_blank" ></a>
指向同一页面中指定位置---锚链接
- 定义位置： < a name="名称">< /a>
- 指向： < a href="#名称">< /a>
a标签做锚点用name属性
其余的标签用id属性
列表标签
无序列表
属性：序号样式
<ul type="circle">
<li></li>
</ul>
有序列表
属性：序号样式、开始数字
<ol type="a" start="1">
<li></li>
</ol>
自定列表
可以用来描述商品图片原价和特价
<dl>
<dt>图片</dt>
<dd>原价</dd>
<dd>特价</dd>
</dl>
容器标签
div:块级元素，独占一行 <p><h1><br><li>
span：行内元素，只占自己的空间 <strong><img><i>
display属性：；标签改为块级(block)或行内块级(inline_block)
结论：块级可以放行内，行内里不能放块级
表格标签
表格 table tr td
cellspacing 单元格间距
cellpadding 内容与边框的距离
rowspan 跨行
colspan 跨列
表单标签
表单 form
action属性：表单提交地址
enctype属性：表单提交的数据格式
属性值：multipart/form-data以二进制流提交
input标签
name 属性/value属性: 键值对提交到后台
type属性：默认位text
type="text" 文本 name
type="password" 密码 name
type="radio" 单选 name value id
type=”checkbox“ 多选 name value
type=”submit“ 提交 value
type="button" 普通按钮
type=”image“ 图片、提交按钮 src
type=”reset“ 重置 value
type=”file“ 上传文件 name
type=”hidden“ 隐藏 name value
lable标签 for属性 值指向id
readonly：只读
disabled：禁用，数据不会传入后台
lable标签 for属性 值指向id
textarea 文本域 rows
热点图
map：映射 地图 name与<img>中usemap值对应
area：区域
shape属性：圆形 circle 多边形 矩形 rect
coords属性：圆心坐标，半径
href
框架
没怎么用了↓
frameset 框架 rows="30%,60%,*" 代替body
frame子标签 src属性，页面地址
还可以用
iframe 内联框架
frameborder，框架边框
scrolling="auto" 自动显示滚动条
可以用a标签跳转到不同页面显示在iframe上
用nama target关联