html标签(二)

上一节,咱们讲了,html标签的head部分,此次咱们讲讲body部分,由于是介绍性质的,因此大体了解下就行了,知道这个标签干吗用的 javascript

看例子 php

01 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
02 <html xmlns="http://www.w3.org/1999/xhtml">
03   <head>
04     <title>趴在树上的猪</title>
05     <base href="http://news.baidu.com/resource/img/">
06     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
07     <link rel="stylesheet" type="text/css" href="/index.css" />
08     <script type="text/javascript">
09       document.write("Hello World!")
10     </script>
12     <style type="text/css">
13       body{color:#333;}
14     </style>
15   </head>
16   <body class="html">
17     <h1 onclick="javascript:alert('我是h1你点击了我');">我是标题 1</h1>
18     <h2>我是标题 2</h2>
19     <h3>我是标题 3</h3>
20     <h4>我是标题 4</h4>
21     <h5>我是标题 5</h5>
22     <h6>我是标题 6</h6>
23     <p>我是P标签</p>
24  
25     我要被<br />换行了
26     下面要输出一条水平线
27     <hr />
28  
29     <!-- 我是注释,我不会页面上显示 -->
30  
31     <div>
32     base的实例
33     <img src="logo_news_137_46.png">
34     </div>
35  
36     <h3></h3>
37     <a href="http://www.qaforcode.net">猪哥每日一贴</a>
38  
39     字体相关的标签
40  
41     <div style="border:1px solid red">
42     <b>趴在树上的猪 b</b>
43     <strong>趴在树上的猪 strong</strong>
44     <i>趴在树上的猪 i</i>
45     <em>趴在树上的猪 em</em>
46     <big>趴在树上的猪 big</big>
47     <small>趴在树上的猪 small</small>
48     <sup>趴在树上的猪 sup</sup>
49     <sub>趴在树上的猪 sub</sub>
50     </div>
51  
52     其余不经常使用标签展现
53 <div style="border:1px solid green;">
54 <pre>pre 定义与格式文本</pre>
55  
56 <code>code 定义计算机代码文本</code>
57  
58 <tt>tt 定义打字机文本</tt>
59  
60 <kbd> kbd 定义键盘文本</kbd>
61  
62 <var>var 定义变量部分 </var>
63  
64 <dfn>dfn 定义定义项目</dfn>
65  
66 <samp>samp 计算机代码样本</samp>
67  
68 <acronym>acronym 定义知趣首字母的缩写</acronym>
69  
70 <abbr>abbr 定义缩写</abbr>
71  
72 <address>address 定义文档做者或者拥有者联系信息</address>
73  
74 <blockquote>blockquote 定义块引用</blockquote>
75  
76 <q>q 定义短引用</q>
77  
78 <cite>cite 定义引用</cite>
79  
80 <ins>ins 插入文本</ins>
81  
82 <del>del 定义删除文本</del>
83 </div>
84  
85     <div id="wrapper">
86     </div>
87   </body>
88 </html>

1、<body>标签

head之外的标签均可以出如今body里。 css

标准属性:id, class, title, style, dir, lang, xml:lang html

事件属性:onload, onunload, onclick, ondblclick, onmousedown, onmouseup, onmouseover, java

onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

2、标题标签

h1-h6能够理解为这一段的标题,也是个seo友好的标签
有个align的可选属性,但不推荐使用
标准属性有id, class, title, style, dir, lang, xml:lang

事件属性:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup jquery

好比点击一下h1试试 ajax

3、<p>标签

p标签其实和div标签其实差很少。 api

标准属性:id, class, title, style, dir, lang, xml:lang app

事件属性:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup 字体

4、换行标签

<br>用来插入空行他没有结束标签,在xhtml中写成<br />

标准属性:id, class, title, style

5、水平线标签

<hr>和<br>同样没有结束标签,在xhtml中写成<hr />

标准属性:id, class, title, style, dir, lang, xml:lang

事件属性:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

6、注释

html的注释和php中/**/有点象,只是把/*换成了<!– 把*/换成了–>注释没有属性

7、字体样式标签

字体样式标签用法都是同样的,全部了解下功能就能够了,上例中的例子已经十分清晰了,你们的标准属性都有:id, class, title, style, dir, lang, xml:lang

事件属性都有:onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

b 定义粗体

i 定义斜体

em 定义强调文本

big 定义大号字体

small 定义小号文本

strong 定义更为强烈的强调文本

sup 上表

sub 下标

8、链接

<a>标签即一个规定一段文字能链接到其余页面,这个标签几乎无处不在,随便打开一个页面都能看见。

标准属性:id, class, title, style, dir, lang, xml:lang, tabindex, accesskey

事件属性:onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

9、其余不经常使用标签

能够说基本上用不到了解下便可

pre 定义与格式文本

code 定义计算机代码文本

tt 定义打字机文本

kbd 定义键盘文本

var 定义变量部分

dfn 定义定义项目

samp 计算机代码样本

acronym 定义知趣首字母的缩写

abbr 定义缩写

address 定义文档做者或者拥有者联系信息

blockquote 定义块引用

q 定义短引用

cite 定义引用

ins 插入文本

del 定义删除文本

object 插入对象,好比flash等

 

 

 

 

本文固定连接: http://www.qaforcode.net/archives/286 | 猪哥每日一贴

相关文章
相关标签/搜索