html简单笔记

0**-html的简介
一个html文件开始标签和结束的标签
-设置配置信息
标题
-显示在页面的内容
html不区分大小写

换行

---

水平线
0**-html的操作思想
网页中有很多数据，不同的数据可能需要不同的显示效果，这个时候需要使用标签把要操作的数据包起来（封装起来）。
通过修改标签的属性值实现标签内数据样式的变化。
一个标签相当于一个容器，想要修改容器内数据的样式，只需要改变容器的属性值，就可以实现容器内数据样式的变化。
0**-文字标签和注释标签
文字标签：修改文字的样式
-
属性：
*size:文字的大小 取值范围1-7，超出了7，默认还是77；
*color：文字的颜色
两种表示方式
英文单词：red(红色) green(绿色) blue(蓝色) black(黑色) white(白色) yellow(黄色) gray(灰色)
使用十六进制数表示#ffffff:RGB;
通过工具实现不同颜色
-注释标签

***标题标签，水平线标签和特殊字符

-->

字符依次变小；

---

水平标签
属性；
**size：水平线的粗细 取值范围1-7
**color:颜色
特殊的字符
< <
> >
空格  
***列表标签
-比如在显示这样的效果
aaaaa
bbb
ccc
**

:表示列表的范围

:上层内容

:下层内容
代码：

aaaaa

bbb

ccc

有序的列表：:
属性设置排序方式 type: 1(默认), a, i

无序的列表：

:
属性type:空心圆circle，实心圆disc，实心方块square，默认disc;

*****图片标签
*
-src：图片的路径
-height：图片的高度
-width:图片的宽度

-alt:图片上显示文字。
兼容性比较差
*****路径
绝对路径：
直接路径：c:\a\b\i.html
相对路径：
访问相同目录下下层的文件：\a.jpg
访问相同目录的上层一个文件：..\b\.xx.jpg
*****超链接标签
连接资源：
-
htef:连接的资源的地址
target:设置打开的方式，默认是在当前页面打开
———— _blank:在一个新窗口打开
———— _self:在当前页打开 (默认)
定位资源：
定义一个位置
顶部
回到这个位置
回到顶部
原样输出:

xx e

*****表格标签
可以对数据进行格式化，使数据显示更加清晰
:表示表格的范围属性：
-border:表格线
-bordercolor:表格线的颜色
-cellspacing:单元格直接的距离
-width:表格的宽度
-height：表格的高度
*在table里面:表示一行
align: left center right
*在tr里面
*表格的标

题加到table里面

*合并单元格
-rowspan:跨行（数字）
-colspan:跨列（数字）
*****表单标签：

可以用action 提交到指定页面;
method="get"：提交到地址栏
method="post":提交到请求体里面

type属性:
text 普通输入项
password 密码输入框
radio 单选输入框
需要有 value值
需要name属性
name属性必须要相同
checkbox 复选输入项
需要有 value值
需要name属性
name属性必须要相同
file 文件输入项
下拉输入项（不是在input标签里面的）

xxx
xxx
xxx

hidden 隐藏项
submit 提交按钮
使用图片提交

重置 reset
普通按钮 button
*****html中的其他的常用标签的使用
b(加粗)
s(删除线)
u(下划线)
i(斜体)
pre(原样输出)
sub(下标)
sup(上标)
div(自动换行)
span(在一行显示)
p(段落标签)
*****
meta标签
九秒后跳转到1.html页面

标签
设置超链接的基本设置
可以统一设置超链接的打开方式

link标签：引入外部文件
*****框架标签

frame标签
rows:按照行进行划分
*
cols:按照列进行划分
*
不能写在body里面
左边的超链接显示到右边用
超链接