js常用标签汇总Word格式文档下载.docx

js常用标签汇总Word格式文档下载.docx

《js常用标签汇总Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《js常用标签汇总Word格式文档下载.docx（19页珍藏版）》请在冰点文库上搜索。

--

html常用的标签：

<

h1>

~<

h6>

表示是一个标题

p>

段落标签

hr/>

水平线标签

<

br/>

换行标签

sub>

下标

sup>

上标

pre>

原样标签：

原样标签会保留空格和换行符。

ol>

<

li>

有序的列表标签、

ul>

无序的列表标签。

项目列表标签（dldtdd）

行内标签（span）

块标签<

div>

div标签的内容会独立占一行。

html的标签作用：

用于描述一个网页的结构的。

如果需要操作数据的样式：

通过标签的属性操作的。

标签的类型：

1.有开始标签与结束标签。

<

/p>

需要把网页的数据内容封装到标签中。

2.开始标签与结束标签都是在一个标签体内的。

比如：

功能单一不需要封装数据到标签中。

-->

<

h1align="

center"

0118java就业班开班了<

/h1>

标题1<

h2>

标题2<

/h2>

h3>

标题3<

/h3>

h4>

标题4<

/h4>

h5>

标题5<

/h5>

标题6<

/h6>

&

nbsp;

今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，

今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错。

我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，

今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了，今天天气不错，我前两天就开班了。

水的化学式：

H<

2<

/sub>

O

2的16次方：

16<

/sup>

静夜思

床前明月光，疑是地上霜。

举头看屏幕，低头写代码。

/pre>

今晚吃啥好呢？

oltype="

a"

火锅<

/li>

烤鸭<

烤鱼<

/ol>

中午吃啥好呢？

ultype="

square"

木桶饭<

猪脚饭<

白切鸡<

/ul>

公司的组织结构：

dl>

dt>

技术总监<

/dt>

dd>

码农1号<

/dd>

码农2号<

码农3号<

码农4号<

人事总监<

妹子1号<

妹子2号<

/dl>

span>

我现在在学习html，<

/span>

后天学习css+javascript<

/div>

3实体标签

无标题文档<

为什么要学实体标签：

因为>

等一些符号在html页面中是有着特殊含义，这些字符如果需要在页面中显示，这时候就应该使用实体标签。

常用的实体字符:

空格&

小于号&

lt;

大于号&

gt;

-----------------------------

人民币&

yen；

版权&

copy;

商标&

reg;

段落标签是使用&

p&

标"

签"

该毛衣的价格：

yen;

298<

深入javaweb>

该书版权归属于：

张孝祥

本次活动最后的解释器归属于：

传智播客

4媒体标签

媒体标签：

embed>

/embed>

hidden：

设置隐藏插件是否隐藏。

src：

用于指定音乐的路径

<

embedsrc="

1.mp3"

>

marquee>

飘动标签

direction:

指定飘动的方向

scrollamount:

指定飘动的速度。

loop:

指定飘动的次数

-->

marqueeloop="

-1"

scrollamount="

30"

direction="

right"

fontsize="

+6"

color="

red"

我飞起来了...<

/font>

/marquee>

5超链接标签

a>

超链接标签

a标签常用的属性：

href:

用于指定链接的资源

target:

设置打开新资源的目标。

_Blank在独立的窗口上打开新资源_self在当前窗口打开新资源

file:

file协议（文件协议）这种协议主要是用于搜索本地机器的资源文件的。

格式：

file:

\\\f:

\美女\1.jpg

a标签的原理：

1.a标签的href属性值如果是以http开头的，那么浏览器会马上启动http解释器去解释该网址，首先

会在本地机器去找一个hosts文件，如果在hosts文件上该域名没有对应的主机，那么浏览器就去到对应的

dns服务器去寻找该域名对应的主机号。

如果找到了对应的主机，那么该请求就会发给对应的主机。

2.如果a标签的href属性值没有以任何协议开头，那么浏览就会启动file协议解释器去解释该资源路径。

3.如果a标签的href属性值并不是以http开始，而且其他的一些协议，那么这时候浏览器就回去到我们本地的注册

表中去查找是否有处理这种协议的应用程序，如果有，那么马上启动该应用程序处理该协议。

邮件的协议：

mailTo

迅雷的协议：

thunder

超链接标签的作用：

1.可以用于链接资源。

2.锚点点位.

1.首先编写一个锚点锚点的格式：

aname="

锚点名字"

数据<

/a>

2.使用a标签的herf属性连接到锚点出。

href=”#锚点的名字“

ahref="

"

百度<

atarget="

_blank"

href="

2常用的标签.html"

带你去看1.html<

如果有需要请发送邮件至：

mailTo:

123456@"

123456@<

thunder:

//abc/aa一个人的武林.avi"

一个人的武林（高清枪版）.avi<

top"

顶部<

--锚点-->

#top"

回到顶部<

6图片标签

--

img>

图片标签：

img标签常用的属性:

width：

设置图片宽度

height设置图片高度

alt:

如果图片资源无法找到，那么就显示对应的文字对图片进行说明。

热点图:

imgsrc="

11.jpg"

alt="

这个是路飞"

width="

400"

height="

300"

border="

0"

usemap="

#Map"

mapname="

Map"

id="

<

areashape="

rect"

coords="

171,178,304,227"

\\"

target="

circle"

189,135,27"

/map>

7表格标签

table>

表格标签

表格使用到的标签：

表格

tr>

行

td>

单元格

th>

表头默认的样式是居中，加粗。

caption>

表格的标题

表格常用的属性：

border设置表格的边框

width:

设置表格的宽度

height:

设置表格的高度的。

colspan:

设置单元格占据指定的列数。

rowspan:

设置单元格占据指定的行数。

tablealign="

1px"

bordercolor="

#0066CC"

400px"

300px"

期末考试成绩表<

/caption>

thead>

<

<

姓名<

/th>

分数<

人品<

/tr>

/thead>

tbody>

<

tdrowspan="

2"

凡江<

/td>

98<

优<

100<

居东东<

99<

非常好<

tralign="

综合测评<

tdcolspan="

<

/tbody>

/table>

8表格

tableborder="

align="

thcolspan="

3"

学生成绩<

张三<

语文<

数学<

95<

李四<

88<

91<

9表单标签

表单标签：

表单标签的作用是用于提交数据给服务器的。

表单标签的根标签是<

form>

标签

常用的属性：

action:

该属性是用于指定提交数据的地址。

method：

指定表单的提交方式。

get:

默认使用的提交方式。

提交的数据会显示在地址栏上。

post：

提交的数据不会显示在地址栏上。

注意：

表单项的数据如果需要提交到服务器上面，那么表单项必须要有name的属性值。

formaction="

method="

post"

--文本输入框单行-->

用户名：

inputname="

userName"

type="

text"

--密码框-->

密码：

password"

--单选框-->

性别：

男<

inputchecked="

true"

value="

man"

name="

sex"

radio"

女<

woman"

--下拉框-->

来自的城市：

selectname="

city"

<

optionvalue="

BJ"

北京<

/option>

SH"

上海<

GZ"

广州<

SZ"

深圳<

/select>

--复选框同一组的复选框name的属性值要一致-->

兴趣爱好：

java<

inputvalue="

java"

name="

hobit"

checked="

checked"

checkbox"

javascript<

inputtype="

javascript"

android<

android"

<

--文件