HTML学习

网页是怎样形成的？

1. 网页通过浏览器才能访问阅读。

2. 网页是网站中的一“页”。

3. 文件扩展名.html。

HTML是用来描述网页的一种语言。

• HTML指的是超文本标记语言

• HTML不是一种编程语言，而是一种标记语言。

• 标记语言是一套标记标签。

w3c万维网联盟

web标准的组成

1.HTML结构 w3c制定了结构HTML的语法，标准。 2.CSS表现 w3c制定了表现CSS的语法和标准。 3.JS行为 w3c,ECMA制定了行为标准

1.<常规标记>(也叫双标记) <标记> <标记 属性=“属性值” 属性=“属性值”> 标记也可叫标签或元素 例如： 2.空标记（也叫单标记） <标记/> <标记 属性="属性值“/> 例如：

• ​

  (特殊且固定的文档声明标签)

  ​

• "en"代表英文 “zh-CN"代表中文 “ja-jp"代表日文

• ASCALL:英国信息交换标准代码 ISO-8959-1拉丁字母表的字符编码 GB2312：汉字编码字符集 UTF-8-Unicode:万国码字符编码

1. 文本标题

​

四级标题

五级标题

六级标题

​

文本标签自带加粗，有自己的文本大小，并且独占一行，有默认间距。 2.段落文本（P)

​

段落文本内容

​

3.换行（br) 换行是一个空标记（强制换行） 4.水平线

​

空标记​

5.加粗（strong) 加粗内容只是显示加粗 强调内容突出文本 6.倾斜（em) 强调文本 倾斜文本 7.删除（del) 文本删除线 文本删除线 8.扩展 文本下划线 下标 上标

​

color====颜色 width====宽度 align====对齐方式 noshada====取消阴影​

• 尖角号====<左尖角号/>右尖角号

• 空格======&nbsop;该空格占据宽度手【字体】影响明显而强烈。

• 空格======&emsp；占据的宽度正好是1个中文宽度，且基本上不受字体影响

• 版权======©

• 商标======®

div标签：没有具体含义，用来划分页面的区域，独占一行。 span:没有实际意义，主要应用于对文本独立修饰的时候，内容有多宽就占用多宽的空间距离。

1.无序列表

​

• 无序列表
• 无需列表

​

2.有序列表

​

1. 有序列表
2. 有序列表
3. [type:类型；start:开始] 3.自定义列表

   可以是文字也可以是图

   相关文字

​

路径分类

1.绝对路径

• 绝对路径是指文件在硬盘上真正存在的路径。

• 绝对路径可以使用”/"或“"字符作为目录的分隔字符。 2.相对路径

• 相对路径就是相对于自己目标文件的位置。

• 当当前文件与目标文件在同一目录下，直接书写文件的文件名+扩展名；

• 当当前文件与目标文件所处的文件夹在同一目录下，写法如下：

• 当当前文件所处色文件夹和目标文件在同一目录下，写法如下：

超链接标签

能实现不同页面的跳转 内容

• target="-self" 默认值

• target="-blank"新窗口打开

table表格的基本属性

​

​

table表格的相关属性

• 宽度 width

• 高度 height

• 表框 border

• 边框颜色 bordercolor

• 背景颜色bgcolor

• 水平对齐 align="left或center"

• cellspacing="单元格与单元格之间的间距“

• cellpadding="单元格与内容之间的空隙“

行tr的属性

• 高度 height

• 背景颜色 bgcolor

• 文字水平对齐 align="left或center"

• 文字垂直对齐valign="top或bottom"

单元格td属性

• 高度 width

• 宽度 height

• 背景颜色 bgcolor

• 文字水平对齐align="left或center"

• 文字垂直对齐valign="top或bottom"

表格合并类

Colspan=“所要合并的单元格列数”必须给td Rowspan="所要合并的单元格行数“必须给td

表单的作用：手机用户信息

​​

A:属性 type定义输入框的类型

• 文本框 type="text"

• 密码框 type="password"

• 提交框type="submit“和提交按钮一样

• 按钮框type="button"单纯的按钮

• 充值框type="rest"清空的效果

B:属性 placeholder 描述输入字段预期值的简短的提示信息。兼容到E8以上。 C属性 name必须设置，否则在提交表单时，用户在其中输入的数据不会被发送给服务器。 D属性value

表单元素的四种常见类型

input button按钮 textaiea多行文本框/文本域 selecte下拉选择框

From当中的post和get的区别

1. get是从服务器上获取数据，post是向服务器传送数据。

2. get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各字段一一对应，在URL中可以看到。post是指通过HTTP post机制，将表单内各字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址，用户看不到这个过程。

3. 对于get方式，服务器就用Request QueryString获取变量的值，对于post方式，服务器端用Request From获取提交的数据。

4. get传送的数据量较小，不能大于2kb.post传送的数据量较大时，一般被默认为不受限制。

5. get安全性非常低，post安全性较高，但是执行效率却比post方法好。

​