HTML 标签

THML --

HTML(HyperText Markup Language)指的是超文本标记语言，标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。HTML标签是给指定的文字语义化，作用是用来告诉浏览器它是什么作用，用来干什么的。

 常用标签

• <h1>代表写一级标题的时候会用到。
• <p>代表一段话，段落开头会用到。
• <button>常让用户点击按钮的时候。
• <div>与<span>标签无实际意义,且无默认样式的,它们经常配一个class来代表它们的意义,而其他的标签都有默认样式。
• <nav>做导航条的时候的标签。
• <main>代表主要内容。
• <hr>代表水平分割线。
• <br>代表强制换行。
• <kbd></kbd>代表键盘的按键。
• <title>用来指定网页的标题。
• <section>代表部分内容，划分章节。
• <strong>代表重要的内容。
• <meter>用来度量指定范围内的数据.
• <img>标签一般都要写alt防止下载失败用户不知道这是代表什么的图片。
• <canvas>用来指画图。
• <footer>指的是页脚。
• <aside>指和文章不相关的内容。
• <dl>代表描述列表，它包裹的<dt>代表要描述的单词,<dd>代表它的定义。
• <input type="range>"是一个滑动条。
• <div contentediable="true">Hello</div>是个能够编辑内容的div。
• banner标签指的是横着的大图一般带着class,<div class="banner"></div>
• <em>指语气很重的内容。
• 在需要打出&这个符号的时候需要用&amp作为转义。
• <iframe>意为嵌套页面，就是在一个页面中嵌入另一个页面，常用表现形式 <iframe src="xxx" frameborder="0"></iframe>,经常与<a>标签结合使用，<a>标签指的是放入超链接的时候运用，表现形式为<a href="xxx" target="yyy">.

例如：<a href="http://qq.com" target="_blank">blank QQ</a>

<a href="http://qq.com" target="_self">self QQ</a>
<a href="http://qq.com" target="_parent">parent QQ</a>
<a href="http://qq.com" target="_top">top QQ</a>

1. _self 代表在自身所在窗口打开。
2. _blank 代表在新开的窗口打开.
3. _parent 代表在父元素中打开。
4. _top 代表在顶层窗口打开。

<a>标签还有一种下载形式，例如<a href="http://qq.com" download></a>意思是“这个链接是用来下载的，不是用来展示的”

注意点

 

1. 加上http: https: （//代表使用当前协议）,也可以使用相对路径的形式。
2. 若写成href=”?name=’xxx’”的形式则可以在请求中把name作为查询条件。只有锚点是不发起请求的。
3. 也可以使用伪协议<a href="javascript:;">可以执行js代码。前面这种写法使得a不跳转到别处，也不页内跳转。
4. <a href="">用来刷新当前页面
5. <a href="#>"使得页面锚点变成#

 

a标签一般是来发GET请求

form一般是来提交post请求

一个form里面只有一个button按钮那这个button按钮会自动成为提交按钮 默认是sumbit按钮

如果input 的type属性为sumbit 那么他就是提交按钮了