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"
<
--文件