HTML 常用的标签-白红宇

标签`<iframe>`与`<a>`

这两个东西要一起用才可以知道是什么意思在一相对目录里有3个网页如：

index.html index2.html index3.html

index.html

复制代码

index2.html

复制代码

index3.html

blank（新的标签页面里打开）self（index3的嵌套页面里打开）parent（在index2的嵌套页面里打开）top（点击会在index里打开,最顶层）复制代码

iframe标签支持相对路径！！！src='xxx'是个位置～?????

标签`<a>`

运行sudo npm i -g http-server即可安装一个服务器
进入你的html所在的文件夹
http-server开启服务器

href

点击之后会在当前页面发起?name=xxx的请求

点击之后不会发起请求，因为锚点仅仅是在当前页面内的跳转

点击后浏览器会发起GET / HTTP/1.1的请求，路径还是/，因为/已在根目录，无法再往前退

. ：代表当前的目录，也可以使用 ./ 来表示；
.. ：代表上一层目录，也可以 ../ 来代表。

伪协议

<a href="javascript:;">qq</a>点击后不会做任何事情

<a href="javascript:alert(1)";>qq</a>点击之后会弹出1的对话框

区别`<form>` & `<a>`

<a>提交的是GET请求

<form>可以用method="post"发送POST请求

<form>里必须要有一个submit按钮才能被提交

<form>可以是可以用method="get"发送get请求，但是为什么要这样做呢？不建议这样搞～


    
     （这里先改为get，免去打开开发者工具?）    
     用户名	//input一定要值才可以传给服务器    
     密码    
     苹果    
     香蕉    
     男    
     女    
     
    
复制代码

包在input外面，就可以点击文字了。套路...?

checkbox多选，radio单选。

列表选择`<select>`

复制代码

multiple多选。按ctrl/command进行多选...套路...?

disabled没得你选，selected默认选中。

`<textarea>`

复制代码

resize: none 固定宽高，去掉用户就可以随意拉宽高

常用小知识

有效<head>的元素包括meta，link，title，style，script，noscript，和base。

示范

HTML <meta> charset 属性：

单词：

导航栏 navigation
a = anchor = 锚
p = paragraph = 段落
alt = alternative = 选择性的
ul = unordered list = 无序列表
ol = ordered list = 有序列表
li = list item = 列表项
dl = description list = 描述列表
dt = description term = 描述词语
dd = description definition = 描述定义-内容

其他单词：
profile 扼要描述
charset 字符集

<form>里面如果只有一个button且没有写type，那么这个button会自动升级为sumbit。如果有且一个button写了type，那么点了没用。

<label for="xxx">YYY<label>for关联标记ID--id="xxx"

form 标签的 action 属性的作用指定请求路径
form 标签的 method 属性的作用指定请求动词

table 标签的子元素：

thead
tboday
tfoot
tr = table row = 行
td = table data = 数据
dt = description term = 描述词语

让列表间没有空隙：

<style> table{ border-collapse: collapse; } </style>

标签<iframe>与<a>

标签<a>