码迷,mamicode.com
首页 > Web开发 > 详细

html标签

时间:2018-01-10 17:01:01      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:华丽   诗人   解析   注意   head   display   作家   gpo   gui   

1. 关于<em>、<strong>、<span>标签

(1) <em>和<strong>标签是为了强调一段话中的关键字时使用,其语义是强调

 其中,前者在浏览器中显示为斜体,后者为粗体,国内程序员一般习惯用后者。

(2) <span>标签是没有语义的,其作用是为了单独设置样式用

技术分享图片
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>了不起的盖茨比</title>
 6 <style>
 7 span{
 8     color:blue;
 9 }
10 </style>
11 </head>
12 <body>
13     <p>1922年的春天,一个想要成名名叫<em>尼克?卡拉威</em>(托比?马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,<strong>股票</strong>飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>
14     <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
15 </body>
16 </html>
View Code

 

2. 关于<q>、<blockquote>标签

语义:引用别人的话。在html中加入的引用

前者是对简短文本的引用,后者是长文本的引用

<q>标签:使用时不要给引用文本添加“”,浏览器会对q标签自动添加双引号

<blockquote>标签:其解析是缩进样式

 

3. <code>和<pre>标签

在网页中显示代码

<code>:插入一行代码

<pre>:加入大段代码。<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

注意:<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

W3School原文:如果您希望使用 <pre> 标签来定义计算机源代码,比如 HTML 源代码,请使用符号实体来表示特殊字符,比如 "&lt;" 代表 "<","&gt;" 代表 ">","&amp;" 代表 "&"。

 

html标签

标签:华丽   诗人   解析   注意   head   display   作家   gpo   gui   

原文地址:https://www.cnblogs.com/niul-zhp/p/8259172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!