上一节,咱们讲了,html标签的head部分,此次咱们讲讲body部分,由于是介绍性质的,因此大体了解下就行了,知道这个标签干吗用的 javascript
看例子 php
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!") |
12 |
<style type="text/css"> |
17 |
<h1 onclick="javascript:alert('我是h1你点击了我');">我是标题 1</h1> |
29 |
<!-- 我是注释,我不会页面上显示 --> |
33 |
<img src="logo_news_137_46.png"> |
41 |
<div style="border:1px solid red"> |
43 |
<strong>趴在树上的猪 strong</strong> |
47 |
<small>趴在树上的猪 small</small> |
53 |
<div style="border:1px solid green;"> |
54 |
<pre>pre 定义与格式文本</pre> |
56 |
<code>code 定义计算机代码文本</code> |
60 |
<kbd> kbd 定义键盘文本</kbd> |
62 |
<var>var 定义变量部分 </var> |
66 |
<samp>samp 计算机代码样本</samp> |
68 |
<acronym>acronym 定义知趣首字母的缩写</acronym> |
70 |
<abbr>abbr 定义缩写</abbr> |
72 |
<address>address 定义文档做者或者拥有者联系信息</address> |
74 |
<blockquote>blockquote 定义块引用</blockquote> |
78 |
<cite>cite 定义引用</cite> |
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 | 猪哥每日一贴