html总结
作者：互联网
html
- 1.HTML的基本概念
- 2.HTML基础
- 3.HTML常用标签
1.HTML的基本概念
1.HTML 使用标记标签来描述网页HTML 指的是超文本标记语言 (Hyper Text Markup Language)
2.HTML 不是一种编程语言，而是一种标记语言 (markup language)
3.标记语言是一套标记标签 (markup tag)
4.HTML 使用标记标签来描述网页
2.HTML基础
2.1标签分类
2.1.1双标签
<p>双标签</p>
2.1.2单标签
<br/> <!-- 单标签（换行标签）-->
2.2特殊符号
< < 小于号或者标记
> > 大于号或者标记
一个英文空格
3.HTML常用标签
3.1标题标签< h 1>
<h 1>-<h 6>：字体逐渐减小
3.2 段落标签< p >
< p >< /p >
< p>标签常用于在文本中输入一些文字
注意：不要在< p></ p>中间插入空格。我们一般可以用< /br >（换行标签）来代替它。
3.3换行标签
换行标签：< br >
3.4水平线标签< hr>
水平线标签（horizontal line）:< hr >
3.5图片标签< img >
在页面显示图片< img src="" title="" alt=""/>
1.src:图片的地址：
- 绝对路径
- 相对路径
- 网络路径URL
2 .title
title:当鼠标移动到图片时的提示（一般是该图片的名字）
3 .alt
alt：当图片无法显示时，显示alt中的文字
3.6表格标签< table >
3.6.1相关标签
实例：
3.6.2单元格合并
1.列合并 colspan=“列数量”
2.行合并 rowspan=“行数量”
注意：当使用行合并时，第一行使用时，其余行的位置都已经被占用！！！！！！！
3.7视频/音频标签< video >/< audio >
3.8导航标签< a>
作用：页面跳转
< a >
3.8.1常用属性
3.8.1.1 href
跳转路径：相对路径/URL
3.8.1.2 name
name属性和href属性一起使用，表示跳转到name中的指定位置
3.8.1.2 target
指定导航出现的位置，一般配合< iframe >框架标签使用
3.9框架标签
3.9.1作用
在页面中引入其他页面
3.9.2属性
name:定义iframe框架名称，a标签中的target要引用
注意：< iframe >中的name属性名字要与< a>标签中的target属性名字要一致。
注意：如果没有< iframe name="">坦克介绍将在另一个界面打开，而不会在同一界面。
3.10 布局标签< div>/< span>
3.10.1 含义
< div >表示一个块，作为其他标签的容器
< span >表示在< div >中插入一个不换行的< span >标签
3.10.2 div中的浮动
- 一个设置float:left，一个不设置
2.两个都设置为float:left
3.第三个清除浮动效果
3.11表单标签< form>
3.11.1常用标签
3.11.1.1 form
属性
- action:跳转的后台地址（地址、url）
- method：GET（默认）、POST
3.11.1.2 fieldset
边框
3.11.1.3 legend
边框上的说明信息
3.11.1.4 input
3.11.1.4.1 type
1.text：文本
2.password：密码不可见
3.date：日期格式
4. reset：取消按钮 value
5.submit：提交按钮，value属性设置按钮文本
6.file：文件上传
7.checkbox：复选框
8.radio：单选框
3.11.1.4.2 id
每个组件唯一的名称
3.11.1.4.3 readonly
不可以输入，只可以读
3.11.1.4.4 required
必须填写
3.11.1.5 button
按钮
- type：1.button：普通按钮 2.submit：提交按钮（默认） 3.reset：取消按钮
3.11.1.6 select
选择框组件
3.11.1.5.1 option
选项
- value：选项的值
- 文本（标签中的部分）：显示的内容
3.11.1.7 textarea
文本域
3.12列表标签ul/ol
3.12.1概念
列表引用
< ul >和< li>标签一般用于做导航条
标签：总结,1.4,HTML,标签,html,3.11,3.8,属性 来源： https://blog.csdn.net/weixin_53310322/article/details/120831075