HTML入门标签合集

HTML：用于搭建基础网页，展示页面内容
概念：
Hyper Text Markup Language
超文本：
超文本是用超链接的方法，将不同空间的文字信息组织在一起的网状文本
标记语言：
由标签构成的语言。<标签名称>如：html，xml
标记语言不是编程语言
快速入门：
语法：
1、html文档后缀名 .html或者.htm
2、标签分为：
1、围堵标签：有开始标签和结束标签。如
3、标签可以嵌套：
需要正确嵌套，不能你中有我我中有你
4、在开始标签中可以定义属性。属性是由键值对构成，值需要用引号（单双都可）引起来
5、html的标签不区分大小写，但是建议小写
标签：
1、文件标签：构成html最基本的标签
*head：
html文档的根标签
*head：
头标签。用于到指定html文档的一些属性，引入为头部的资源
*title：
标题标签
*body
体标签
2、文本标签：和文本有关的标签

to

标题标签（字体大小主键递减）

段落标签

换行

---

显示一条水平线
字体加粗
斜体

3、图片标签

4、列表标签
有序列表
ol
li列表项
属性
type=‘a’（排序方式）
start=‘5’（从什么开始）
无序列表
ul
属性
type=‘disc’（disc圆,square方框,circle圈）
5、链接标签

属性target
target=’_self’
从本页面打开
target=’_blank’
从空白页打开
链接本文件夹里的其他html文件

链接邮箱

功能：
1、可以被点击：样式（可以使用onclick方法）
2、点击后跳转到href指定的url
特殊实现：
需求：保留点击不跳转（当按钮使用）
实现：
href=“JavaScript：void（0）”；
6、表格标签

行
属性
bgcolor单行的背景颜色
align单行表格内文字的颜色
：表示表格的头部分
:表示表格的体部分
:表示表格的脚部分
7、块标签

和
每一个div站满一整行。块级标签
span:文本信息在一行展示，行内标签 内联标签
8、语义化标签

9、表单标签
概念：
用于采集用户输入的数据，用于和服务器进行交互
form的使用方法：

账号

密码

标题

定义单元格 属性 colspan：合并行 rowspan：合并列	定义表头单元格（表格属性名） 属性 border边框 cellpadding：单元格边沿和内容之间的空白 cellspacing：单元格之间的空白 bgcolor：背景颜色 align：对齐方式 内部的标签

属性： action：指定提交数据的url method:指定提交方式 常用的有两种 get 请求参数会在地址栏中显示 请求参数大小有限制 不太安全 post 请求参数不会在地址栏中显示，会封装在请求体中 请求参数大小没有限制 较为安全 表单项标签 input：可以通过type属性值，改变元素展示的样式 type属性 text：文本输入框（默认）可以输入账号密码 placeholder： 指定输入框的提示信息，当输入框的内容发生变化会自动清空提示，如灰色字体请输入用户名 password：密码输入框（密文显示） redio：单选框 注意：要想多个单选框实现单选的效果，则多个单选框的name属性值必须一样 一般会给每一个单选框提供value属性，指定其被选定后提交的值 如 男 女 如选中男单选框则提交male选中女单选框则提交female checked属性：默认被选中 checked=checked或者checked都可 checkbox：复选框 注意：要想多个单选框实现单选的效果，则多个单选框的name属性值必须一样 一般会给每一个单选框提供value属性，指定其被选定后提交的值 如 男 女 如选中男单选框则提交male选中女单选框则提交female checked属性：默认被选中 checked=checked或者checked都可 file：文件选择框 hidden：隐藏域，用于提交一些信息 color：取色器 日期 date datetime-local email number 按钮： submit：提交按钮 button：普通按钮 image：图片提交按钮 src属性指定图片的路径 label标签： 指定输入项的文字描述信息 注意：label的for'属性一般会和input的id属性值对应。如果对应了，则点击label区域，会让input输入框获取焦点 【注意！】 form表单一定要设置的属性： 1、action：将信息提交给页面（如果不写或者action=""或action="#"都是提交给本页面） 2、method：提交的方式是get还是post input标签一定要设置的属性： 1、name：一般提交到页面都是提交到本页面的url，但url需要使用name关键字来作为键，以输入作为值来存储 2、id：可以通过document.getElementById来获取该对象 3、如果input的类型为text一般要设置placeHolder来填充提示 4：