HTML基本格式和文本元素(标签)介绍

<!doctype html>//声明文档类型

<html lang="zh-cn">//文档开始,后面是声明是中文页面的意思,en是英语的意思

<head>

<meta charset="utf-8">//代码类型声明

<title>网页标签名</title>

</head>

<body>//可见区域开始

</body>//可见区域结束

</html>//文档结束

<zimu>中带一些字母表示标签的意思。标签分为单标签(例如meta是声明代码类型)和双标签(例如head)

在html5中注释,光标移到那一行,CTRL+?就可以,在操作一次就是取消注释

1.b元素,<b>我会变粗</b>

将上面的代码放在body里,网页中会显示我会变粗

2.strong元素和b元素实际表现出的效果是一样的都是加粗,但是strong和b的语义是不同的,strong是表示重要的文字,b仅仅是加粗文本中的关键字

3.<br>换行 单标签

4.<wbr>安全换行,单标签,安全换行所在的位置不一定执行换行的动作,当我们把浏览器的尺寸变窄的时候,一个很长的一行的内容就不会全部显示出来,加了<wbr>表示用户在变窄浏览器到这个位置的时候,这个位置可以执行换行.

5.<i>我会倾斜</i>

6.<em>我也会倾斜,但我被强调了</em>

7.<s>带删除线的文字</s>

8.<del>强调的戴删除的文字</del>

9.<u>带下划线</u>

10.<ins>强调带下划线</n>

11.<small>比默认字体小一号的字体</small>

12.<sub>下标</sub>

13.<sup>下标</sup>

14.<code>计算机代码片断</code>

<var>编程中的变量</var>

<samp>程序或计算机的输出</samp>

<kdb>用户的输入</kdb>

以上都属于英文范畴,必须将lang="en"才有作用

15.<addr>语义上表示一段文本的缩写,没有实际作用</addr>

16.<dfn>表示定义术语,表现上看就是倾斜</dfn>

17.<q>加双引号,语义上表示引用其它地方的内容</q>

18.<cite>实际作用是倾斜,语义上表示引用其它作品的标题</cite>

19.

上一篇:HTML的iframe标签妙用 - 在线执行前端代码的网站原理是什么?


下一篇:POJ 3666 Making the Grade (DP滚动数组)