标签

标签不区分大小写,建议小写
css样式

1
<head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 3 <title>Html和CSS的关系</title> 4 <style type="text/css"> 5 h1{ 6 font -size:12px; 7 color:#930; 8 text -align:center; 9 10 11 } 12 </style> 13 </head>

在<body></body>标签里有

<h></h>标题标签

<image src="">引入图片

<p></p>段落标签

在<p></p>标签里有

<em></em>文字变为斜体

<strong></strong>使文字加粗

<div></div>换行,块元素,需另起一行进行渲染的元素

<span></span>行内元素,无需另起一行

 <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。

<q></q>引用别人的话,当用了之后自动加上双引号,引用简短语句,别忘了去掉双引号

<blockquote></blockquote>引用长文本,前后会缩进显示,别忘了去掉双引号

<br/>回车换行标签,属于空标签,里面无内容,<img/>也属于空标签

<hr/>横线标签,属于空标签,只有开头

&nbsp;表示空格,加几个表示有几个空格

<address></address>标签,为网页加入地址信息,会以斜体显示

一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

<code></code>标签,插入单行代码,插入多行代码用<pre></pre>标签

<pre></pre>预格式化文本,被pre包围的文本通常会保留空格和换行符,<pre> 标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。

1  <body>
2         <h1>勇气</h1>
3         <p>三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
4         <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
5         <img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" >
6     </body>

 

 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年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>
14     <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
15 </body>
16 </html>

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>address标签介绍</title>
</head>
<body>
<h2>慕课网</h2>
<p>超酷的互联网、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!公司地址:<address>北京市西城区德外大街10号</address></p>
</body>
</html>

 

posted @ 2016-05-17 09:49  成功人土  阅读(142)  评论(0编辑  收藏  举报