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

2022-03-02 10:53:50 浏览数 (1)

一:段落相关

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

2.br,换行

3.p表示段落

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

代码语言:javascript复制
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>段落相关</title>
</head>
<body>
<hgroup>
    <h1>测试标题</h1>
    <h2>2022.3.2</h2>
</hgroup>
<p>我是一个前端段落</p>


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

二:字体样式相关(表现)

1.粗体 b

2.斜体 i

3.等宽字体tt

4.小一号字体:small

5.删除线 del

6.下划线:ins

7.上标下标 sup sub

8.高亮 mark

代码语言:javascript复制
<!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 引用

代码语言:javascript复制
<!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>

0 人点赞