标签
标签不区分大小写,建议小写
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/>横线标签,属于空标签,只有开头
表示空格,加几个表示有几个空格
<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>