html 记笔记,html笔记

1、Web基础知识 --吹牛逼

2、HTML快速入门

1.标记分为：

1、封闭类型标记 双标记

2、非封闭类型标记 单标记

---

2.属性 和 值：

1、什么是属性 属性是用来修饰元素的

2、通用属性

1、id 元素在页面中的唯一标识

2、title 鼠标移入到元素时，所提示的文本

3、class css中，引入类选择器

4、style css中，定义元素的行内样式的

3.注释 1、

3、HTML文档结构

1、文档类型声明

2、HTML页面

1、页面头部内容

2、头部中所包含的内容

标题内容

1、

2、

注意：文件的编码格式也必须是 utf-8的

3、页面主体内容

属性：

1、text 控制当前网页文本的颜色

2、bgcolor 作用：控制当前网页的背景颜色

4、文本

1、特殊字符

在网页中，任意多的空格和回车，最终只会被解析成1个空格

1、  一个空格

2、> >

3、< <

4、© ©

5、¥ ￥

2、文本标记

1、文本样式

... 斜体

... 下划线

... 删除线

... 加粗

... 上标

... 下标

以标题的形式显示文本内容

语法：

#:1~6

: 一级标题，加粗，字号最大，独自成行

……

: 六级标题，加粗，字号最小，独自成行

3、段落元素

4、换行元素

5、分割线元素

---

属性：

1、size 取值以 px(像素) 为单位的数值，px可以省略

2、color 颜色

3、width 宽度 取值为 px 的数值，或者 % 作为单位

4、align 线条的水平对齐方式

6、预格式化

保留源文件中的格式，即保留源文件中的换行和空格的效果

7、分区元素

1、行内元素与块级元素

1、行内元素

多个元素会在一行内显示

ex:

span,i,b,s,u,sup,sub,a,img

2、块级元素

每个块级元素会独占一行，即前后都有换行

ex:

div,h1~h6,p, ... ...

5、图像 (单独设置宽高中的一个属性 另一个也会跟着等比缩放)

严格区分大小写，服务器规定。

1、web站点：根目录

2、URL：统一资源定位符 标识网络中的资源位置

绝对路径： 从根目录开始一直到资源所在的文件目录路径

相对路径： 从自身开始一直到资源所在的文件所经过的路径

ex： 一个 ../ 返回一级

根相对路径： 永远都是从web站点的根目录下开始查找 有 / 作为开始，表示未被、站点的根目录

网络资源： 协议 域名/IP 文件目录 文件名

3、格式： png(支持透明色) jpg gif

6、超链接 内容

1、href： 链接地址

2、target： 跳转形式

_self 在自身的标签中打开

_blank 在新窗口打开

3、连接的表现形式

1、目标文档为资源下载

2、电子邮件链接

3、返回页面顶部空连接

4、连接到js

执行js功能

5、锚点 跳转某个位置

1、通过name属性定义锚点 ！！的name值

2、通过ID属性定义锚点

3、跳转到其他页面的某处

7、表格

1、创建表格

属性：width height align border bgcolor

cellpadding 设置单元格内边距

cellspacing 设置单元格外边距

2、创建表行

(table row)

align :

valign: (top middle bottom)

3、创建列

(table data)

colspan 设置单元格跨列

rowspan 设置单元格跨行

4、标题 caption 位置table----tr之间

5、行分组

表头

表主体

表尾

6、不规则表格

colspan 设置单元格跨列

rowspan 设置单元格跨行

被合并的单元格需要删除

7、表格的嵌套

在一个单元格中嵌套另一个表格

8、列表 将数据从上往下排列

1、有序列表

type：(指定标志类型，默认是数字1) a A 1 i

start: (指定起始值)

2、无序列表

type：(disc默认 cricle空心 square实心矩形 none )

3、列表的嵌套 嵌套在li中

4、自定义列表

9、结构标记(对搜索引擎非常友好，增加被搜索机制！) 在HTML这中，专门提出了一组标记来表示网页的结构，即制作布局

用于网页页眉信息(头部内容，上面的那部分- -)

定于网页的导航内容

定义文档中的小节(表示页面主体)

文章，艺术(与文章内容相关的部分)

用于页尾(网页最下面)

定义网页的边栏部分

10、表单

用于显示、收集数据、并提交给服务器

1、action 把表单提交到那里 ， 地址 (默认提交给自己)

2、method 表单的提交方式

post 隐式提交，不会显示信息；无大小限制；要传递数据给服务器处理时

get 明文提交，信息显示在地址栏；提交大小信息为2KB；向服务器要数据

3、enctype 指定表达数据进行编码的方式

application/x-www-form-urlencided(可以将表单中的普通文本，

特殊字符等都可以以二进制编码，然后提交，无法对文件进行编码提交)

multipart/form-data 可以提交文件！其他不管

text/plain 只可以提普通字符

4、name 表单名称，js用的多点

1、

通用属性：

type: 决定不同类型的控件

text: 文本框

password: 密码框 这俩缩写txt

maxlength: 限制输入字符数量

readonly: 只读 (没有值)

radio: 单选按钮 缩写rdo

checkbox: 多选按钮 chk

name： 同时具备 分组 的作用

value： 被选中提交的值

checked： 默认被选中(无值)

submit： 提交按钮

reset： 重置

button： 按钮 这仨缩写btn

name： 名称

value： 按钮上的文字

hidden： 隐藏域 要提交给服务器，不给用户看的数据

file： 文件选择框 打开文件选择框，选择文件上传

这俩缩写 txt

使用file时，method必须是post，enctype的值必须为multipart/form-data

name： 名字，主要给服务器用，没用自服务器找不到，无法提交

(命名规范 标记缩写 + 功能缩写)

value： 值，最终提交给服务器的值

disabled: 禁用控件 (没有值)

2、默认值> 木有value 文本域 多行文本的录入功能

name： 名称 缩写 txt

cols： 指定文本的列数

rows： 指定行数

readonly： 只读

3、 选项框

name： 名称 缩写sel

size： 默认显示尺寸(默认为1)

multiple: 设置多选 (没有值)

> 选项

value： 选项的值

selected： 默认被选中的值

>

4、> 标签 (关联文字与表单控件)

for 关联谁的ID值

5、

> 为控件分组

> 指定分组的标题

11、其他常用标记：

1、 内容！> 可以在一个浏览器窗口中显示多个HTML文档

内容！是只在浏览器不支持iframe元素的，所显示的内容

src 要引入网页的地址

width

height

frameborder 浮动框架的边框，不要的话，设置为0

2、> 摘要与细节

> 摘要标题

3、 不支持的时候显示此文本 > 度量元素 ( 用于显示比例 )

min 度量范围的最小值(默认为0)

max 度量范围的最大值(默认为1)

value 默认显示的度量值(默认为0)

4、 时间元素

datetime 规定日期

5、> 高亮显示文本(被它包括的北荣背景颜色为黄色)