HTML总结

一．HTML
1.html：即超文本标记语言。作用是描述网页的一种语言
2.html特点：①不需要编译，直接有浏览器执行；②html文件是一个文本文件；③html文件必须使用html或者htm为文件后缀；④html大小写不敏感。
3.基本结构：html标签 显示当前网页的所有信息；head 头标签；body显示网页主体内容；
!DOCTYPE html //声明，声明当前文档为html
html
head lang=”en” // lang=”en”标注网页的语言
meta charset=”utf-8” //meta信息标签 ;charset=”utf-8” 网页的编码格式
title 标题 /title网页的选项卡区域
/head
body
网页显示内容
/body
/html
4.html标签
（1）标题标签h1-h6:``
作用：文本加粗；从h1-h6字体由大到小；换行

1级标题

2级标题

3级标题

四级标题

五级标题

六级标题

（2）水平线标签hr：

---

标签为单标签

（3）段落标签p:
作用：将文本分割为段落；换行
属性：align 对齐方式，值：left,center,right
使用：p align=”left” 输入内容 /p

注意：在html中输入换行不会在网页上换行
（4）换行标签br: 标签为单标签
（5）文本格式标签：没有换行功能
①i标签和em标签：
作用：斜体
②b标签和strong标签：
作用：加粗
③ u标签：
作用：添加下划线
④del标签：
作用：添加删除线
⑤small标签：
作用：小号字
⑥sub标签：
作用：下标
⑦sup标签：
作用：上标标签
⑧pre标签：
作用：预定义格式化标签；即以输入的格式显示
（6）链接：a标签：超文本链接
href里写跳转的地址，地址分为相对路径、绝对路径和远程路径；默认写#表示跳转到当前页面
相对路径是相对当前文件而言；绝对路径是文件的所在盘符目录；远程路径也是相对路径，是将项目放在远程服务器上，通过远程服务器来访问。
相对路径：同级目录下，则直接写文件名称
父级目录：./文件名称。 一个点代表从当前文件向外跳转一级
兄弟目录：./父级目录名称/兄弟文件名称
作用：跳转到页面
属性：target；属性值：target="_self" 在当前网页里面打开（默认）和target="_blank" 重新打开一个选项卡
锚标记：分为当前页面的锚标和跨页面的锚标
跳转到当前页面的锚标：
a href="#target" /a
a name=“target” /a
其他标签写id属性，如：p id=“target”
（7）图片标签：img标签<img src=””alt=”加载失败”/>
属性：src：图片的路径；alt:当图片显示失败时显示的内容；align:图片对齐格式
（8）列表标签:有序和无序可以相互嵌套
有序列表：

无序列表：

属性：type。修改序号的显示；属性值：A,a,1,I,I

（9）区块标签：
div标签:
作用：相当于一个容器，主要用来做网页的框架布局；换行
Span 标签：
作用：放置文字的标签

（10）表单元素
input标签
属性：type属性，确定当前input标签的类型；属性值：text文字域；password密码域；file文件域；checkbox复选域；radio单选域（多个radio的name相同）；button按钮；submit提交按钮；reset重置按钮
Value属性，input 标签的值，即显示的文本。Checkbox中value不是界面显示，是给代码使用
Maxlength属性：用户输入的最大字符长度，适用于text和password。
Placeholder属性：用户填写输入的提示,适用于text和password
Checked属性：默认选择。适用于radio和checkbox。
Select标签：下拉菜单 默认：selected
option：菜单组
多行文本框textarea:
属性：rows（行）和cols（列）控制外观的大小；name名称；placeholder提示。
表单元素标签form：
属性：
action属性 提交表单的数据到后台的路径
method属性 表单提交的方式；属性值：get显示提交（不安全，数据量大）和pos隐式提交（安全，数据量小）
delete 专门针对于删除操作的时候使用
insert 专门针对于增加操作
update 专门针对修改操作
（11）表格元素标签table:行tr,列td,th也是列，文本加重且居中；captiion 表头标签 居中显示，且每个表格仅有一个表头
属性：
border属性 设置表格的边框宽度
width属性 设置表格的宽
cellspacing 设置单元格之间的间距
algin 属性 设置表格居中方式
cellpadding属性 单元格边沿与内容之间间距
bgcolor属性 设置表格的颜色
表格的跨行和跨列：
rowspan跨行和colspan跨列：计算跨行跨列是应加上自身
（12）iframe标签
iframe是一个内嵌框架,用于制作小型的企业系统
作用：实现点击a链接在iframe 框架中显示嵌入的网页
属性：
src 属性：内嵌的地址
width属性：设置宽
height属性：设置高的(由于浏览器没有高,设置高100% 无效)
name属性：名称
frameborder属性：设置0
使用：
a href=" " target=“iframeinfo” 内容 /a
iframe name=“iframeinfo” src=" " width="" height="" frameborder=“0”
/iframe
5.注释：尖括号内!–注释–
6.快捷键：注释快捷键 Ctrl+/或Ctrl+shift+/；复制当前行到下一行Ctrl+d ；生成标签 标签字母+tab ；