html5学习篇：02.基本的标记

原出处：翁恺，在163云课堂的html5视频。

一：段落相关

1.hgroup用户，h标签的组合

2.br，换行

3.p表示段落

4.wbr，英文的时候告诉浏览器可以在这里断行。长单词的时候

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>段落相关</title>
</head>
<body>
<hgroup>
    <h1>减刑通过或9月出狱</h1>
    <h2>2014.7.3</h2>
</hgroup>
<p>少在2011年有实际行为，因此也不能申请减刑。</p>


<p>
如果想学习 AJAX，那么您必须熟悉 XML<wbr>Http<wbr>Request 对象。
</p>
</body>
</html>

二：字体样式相关（表现）

1.粗体　ｂ

2.斜体　ｉ

3.等宽字体ｔｔ

4.小一号字体：ｓｍａｌｌ

5.删除线　ｄｅｌ

6.下划线：ｉｎｓ

7.上标下标　sup sub

8.高亮 mark

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>段落相关</title>
</head>
<body>

    <b>粗体</b><i>斜体</i><tt>等宽字体</tt>
    正常字体<small>字体小一点</small><br />
    <del>把我删掉</del><ins>把我加上</ins><br />
    a<sup>2</sup>+b<sub>0</sub><br />
    <mark>高亮</mark>
</p>
</body>
</html>

三：短语格式（意思）

主要表达的是意思，不是表现形式。

1.em 强调

2.strong 着重。

3.dfn (definition)定义

4.code 代码

5.samp 例子

6.kbd 用户输入的

7.var 变量

8.cite 引用

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title></title>
</head>
<body>
<em>em强调</em>
<strong>strong着重</strong>
<dfn>definition定义</dfn>
<code>code代码</code>
<samp>samp例子</samp>
<kbd>kbd用户输入的</kbd>
<var>varialbe变量</var>
<cite>cite引用</cite>
</body>
</html>
posted @ 2014-07-02 07:47  半醉半醒201  阅读(214)  评论(0)    收藏  举报