html5中的一些标签学习(心得)

今天看手册学习到了HTML5很多属性。现在总结如下

body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">

Background用来设定页面的背景，后面是图片的地址

Bgcolor 用来设定页面的背景颜色。后面是颜色或者十六进制数字

Text 用来设定没有超链接的字体颜色

 Link用来设定超链接的字体颜色

 alink 用来设定超链接点击时的颜色

Vlink用来设定超链接点击过后的字体颜色

a href=” www.js-code.COM” > /a>

a name=” www.js-code.com”> 页面跳转的地方/a>

nav> 用来将具有导航性质的链接划分到一起如

nav>

a href=” #” > /a>

a href=” #” > /a>

a href=” #” > /a>

/nav>

 
Hsub> 2/sub> SOsub> 4/sub>

sub> 是下标所使用的标签/sub>

sup> 是上标所使用的标签/sup>

分别从标题一到标题六。字体逐渐缩小，并自动换行

h1> /h1>

h2> /h2>

h3> /h3>

h4> /h4>

h5> /h5>

h6> /h6>

img src="1.jPEg" width="500" height="auto">

Img是插入图片的标签，width为图片的宽度。Height为图片的高度可以为其填写数值，也可以填写auto（按比例缩放）src中“为图片的地址和后缀名”

font size="5px" font color=”red”> 这是一个关于的网站/font>

size定义字体的大小，后跟px（像素）

color定义字体的颜色

换行 br/>

水平分割线hr>

  !-- 颜色为红色的水平线 -->

  hr color="red"/>

  !-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->

 hr align="left/cener/right" />

 !-- 宽度为50%的水平线 -->

 hr width="50%"/>

 !-- 高度为50像素的水平线 -->

 hr size="50"/>

 !-- 去掉阴影的水平线 -->

 hr noshade="noshade">

附代码

1. !doctype html>   
2.   
3. html>   
4.   
5.  head>   
6.   
7.   meta charset="UTF-8">   
8.   
9.   tITle> 20161017/title>   
10.   
11.  /head>   
12.   
13.  body bgcolor="BED1A2" text="FFFFFF" link="yellow" alink="red" vlink="blue">   
14.   
15.  h1> 枫桥夜泊/h1>   
16.   
17.  h5> 张继/h5>   
18.   
19.  h3> 月落乌啼霜满天，/h3>   
20.   
21.  h3> 江枫渔火对愁眠。/h3>   
22.   
23.  h3> 姑苏城外寒山寺，/h3>   
24.   
25.  h3> 夜半钟声到客船。/h3>   
26.   
27.  a href=""www.baidu.com" > baidu/a> /br>   
28.   
29. 跳转到页面的另外一个地方:/br>   
30.   
31.  a name="www.baidu.com"> 111/a> /br>   
32.   
33.   Hsub> 2/sub> SOsub> 4/sub> br/>   
34.   
35. img src="1.jpeg" width="500" height="auto"> br/>   
36.   
37. img src="5.jpg" align=top>  实例  br/>   
38.   
39. img src="5.jpg" align=middle>  实例  br/>   
40.   
41. img src="5.jpg" align=bottom>  实例 br/>   
42.   
43. 只有一行文字才可以放在图象的两边。   
44.   
45. !-- 边框像素为15的图片 -->   
46.   
47. img src="5.jpg" border=15/>   
48.   
49. br/>   
50.   
51.   font size="5px" font color="red"> 这是一个关于百度的网站/font> br/>   
52.   
53.   font size="20px"> 这是一个关于百度的网站/font> br/>   
54.   
55.   !-- 颜色为红色的水平线 -->   
56.   
57.   hr color="red"/>   
58.   
59.   !-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->   
60.   
61.  hr align="left/cener/right" />   
62.   
63.  !-- 宽度为50%的水平线 -->   
64.   
65.  hr width="50%"/>   
66.   
67.  !-- 高度为50像素的水平线 -->   
68.   
69.  hr size="50"/>   
70.   
71.  !-- 去掉阴影的水平线 -->   
72.   
73.  hr noshade="noshade">   
74.   
75.  div align=left border="1px" >   
76.   
77. 你知道我在等你吗br>   
78.   
79. 你可能不懂   
80.   
81. /div>   
82.   
83.  /body>   
84.   
85. /html>   

以上就是小编为大家带来的html5中的一些标签学习(心得)全部内容了，希望大家多多支持~

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！