[前端 01] HTML初级入门
HTML入门
1. 初识
通常在项目下创建一个resource文件加，下设video， audio，image文件夹存放资源
Hyper text markup language 超文本标记语言：因为有图片，音乐和视频，所以叫超文本。
W3C标准：
结构化标准语言（HTML，XML）
表现标准语言（CSS）
行为标准（DOM， ECMAScript（JS））
IDEA浏览器设置：Settings-> browser 设置浏览器地址
开放标签：头标签
闭合标签：尾标签
子闭合标签：不成对出现的
Title
2. 网页基本符号
- body中：
粗体：
斜体：
特殊符号语法： & 代表字母 ;
普通方式，多个空格只显示一个，
要添加多个空格进去：
版权的带圈C：©
大于，小于号： > <
- 图片格式：
![text]( "text")
-
超链接：
-
页面间链接
要点击的地方的文字或者图片 -
表格：
- 基本
数据 -
跨行，跨列
数据 数据
-
媒体元素
-
3. 网页body部分组成
| 元素名 | 描述 |
|---|---|
| header | body中的头部 |
| footer | body中的脚部 |
| section | web页面中独立的一块 |
| article | 独立的文章内容 |
| aside | 侧边栏 |
| nav | 导航类辅助内容 |
4. iframe内联框架
在网页的一部分显示别的网页
- 当src有网址时，直接打开网址
- 当src没有网址，属性name定义了标记，当点击超链接时，超链接中的网址资源通过target找到标记出显示。
5. 表单元素(必须写name属性)
1. 基本
get:效率高，不安全，URL可以看到提交的内容
post：效率低，URL不可见，相对安全，可以传输大文件
查看post包的方法：审查元素--> Network--> Headers,找到form data查看
2. input元素
input标签的属性：
| 属性 | 说明 |
|---|---|
| type | 指定元素类型：text,password,sublit,reset,checkbox,radio,button,hidden,file,image |
| name | 指定元素的名称，后台通过名称获取内容 |
| value | 初始值，radio（多选框必须有初始值） |
| size | 表示为初始宽度，text和password以字符为单位，其他以像素为单位 |
| maxlength | 可输入的最大字符数 |
| checked | radio和checkbox中，指定是否被选中 |
-
Radio单选框(name表示一个组，名字相同为同一个组)
性别 M F
-
Checkbox(checked表示默认值)
爱好1 爱好2 爱好3 爱好4
-
Button
3. 其他元素
-
下拉菜单：
select元素，里面用option定义，selected表示默认值
下拉菜单：
-
文本框：
cols和rows来定义文本框大小
文本框：
-
文件上传：
-
简单检查(点击submit之后，检查是否合格)，email，还有 type = "url"
输入EMAIL:
type="number":显示一个数字框，有上下小按钮
type= "search":搜索框，有个小叉
type="range":滑块，可以用来设置音量
6. 表单应用
-
三个属性：只读，禁用，隐藏（通常和value默认值一起使用）
readonly disabled hidden， 直接添加到表单属性中
-
实现点击前面的文字就激活后面文本框中的输入符号
label标签包裹前面的文字，for指向标签，input框中写上id，
7. 表单简单检查
-
placeholder(提示输入)
-
required（非空判断，带星号必填）
用户名*：
-
pattern（正则表达式判断）pattern属性，后面添加正则表达式