HTML
什么是HTML
超文本标记语言(Hyper Text Markup Language),超文本包括文字、图片、音频、视频、动画等。
W3C标准
W3C:World Wide Web Consortium(万维网联盟)
W3C标准包括:
结构化标准语言(HTML、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript)
HTML基本结构
Title注释:
DOCTYPE:告诉浏览器我们使用的是什么规范
head:代表网页头部
body:代表网页主体
title:网页标题
meta:描述性标签,用来描述网页的一些信息
网页基本标签
标题标签:
一级标签,
二级标签,.......
段落标签:
段落
换行标签:
水平线标签:
字体样式标签:粗体,斜体
注释和特殊符号: (空格),>(大于号),<(小于号),©(版权符号)
图像标签
src:图片地址,相对路径/绝对路径(../:返回上一级目录)
alt:图片名字(必填)
title:悬停文字
width:宽度
height:高度
链接标签
a标签
href:必填,表示跳转到哪个页面
target:表示窗口在哪里打开,_blank:在新的页面打开,__self:在当前网页打开
锚链接
需要一个锚标记
跳转到标记(#标记处)
功能性链接
邮件链接:mailto
QQ链接
列表
有序列表
- 一
- 二
- 三
- 四
应用范围:试卷,问答
无序列表
- 一
- 二
- 三
- 四
应用范围:导航,侧边栏
自定义列表
-
列表名称
- 一
- 二
- 三
应用范围:网页底部
表格
1-1 | ||
2-1 | 2-2 | 2-3 |
3-2 | 3-3 |
tr:行
td:列
border:边框
colspan:行跨列
rowspan:列跨行
媒体元素
Xxx.mp4
Xxx.mp3
controls:控制视频播放、暂停、音量以及下载
autoplay:自动播放
audio标签内选择mp4格式的文件依然可以播放,但只能播放音频
页面结构分析
header:网页头部
footer:网页脚部
section:网页主体
内联框架iframe
表单
表单语法
...
...
aciton:表单提交的位置,可以是网址,也可以是一个请求处理地址
method:提交方式
get:可以在URL中看到提交的信息,高效但不安全
post:比较安全,用来传输大文件
表单元素格式
文本输入框
密码框
单选框标签
name:组名(组名相同即为一个组,只能选择组内其中一个选项)
多选框标签
选项一
选项二
选项三
checked:默认选项
按钮
普通按钮
图像按钮
提交按钮
重置按钮
下拉框,列表框
选项一
选项二
选项二
选项二
selected:默认选项
文本域
文本内容
cols:列数
rows:行数
文件域
邮件验证
URL
数字验证
step:每次增加的值
搜索框
增强鼠标可用性
点击此处
说明:鼠标点击“点击此处”即可编辑该文本框
表单的应用
隐藏域:hidden
只读:readonly
禁用:disabled
表单初级验证
提示信息:placeholder
非空判断:required
正则表达式:pattern
标签:选项,网页,标签,笔记,表单,学习,HTML,HTML5,按钮
来源: https://www.cnblogs.com/WangPeichengblogs/p/12969351.html