HTML 学习之标签1
2017-07-30 本文已影响0人
TheLiar2017
标签： HTML 标签
HTML文件基本结构
<html>
<head>...</head>
<!-- 网页显示的内容都在body内-->
<body>...</body>
</html>
HTML head内的标签
<head>
<!--这是一个注释-->
<title>...</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
title之间的文字内容是网页的标题信息，它会出现在浏览器的标题栏中。
HTML常用标签
-
<p>段落文本</p>
功能：文字分段落，标签之内的文字内容是一段落 -
<hx>标题标签</hx>
功能：区分各级标题，x为1~6，且<h1></h1>最重要，<h6></h6>，最不重要。 -
<strong>...</strong>和<em>...</em>
功能：强调，<strong>...</strong>为加粗，<em>...</em>为斜体
example：
<strong>hello </strong>
<em>world</em>
效果：**hello** *world*
-
<span>...</span>
功能：设置单独的样式用。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
<style>
span{
color:blue;
}
</style>
</head>
<body>
<p>1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>
效果：美国梦三个字会变成蓝色
-
<q>...</q>
功能：引用较短的句子，为句子自动加上引号。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>q标签</title>
</head>
<body>
<p>周瑜，不可否认，他是历史上一个了不起的英雄人物！<q>聪明秀出为之英，胆略过人为之雄。</q></p>
</body>
</html>
效果：周瑜，不可否认，他是历史上一个了不起的英雄人物！"聪明秀出为之英，胆略过人为之雄。"
-
<blockquote>...</blockquote>
功能：长文本的引用，引用后文本会在左右两端缩进。 -
<br />
功能：分行，标签<br />之后的内容会从新起一行。 -
 
功能：在html文件中输入一个空格。 -
<hr />
功能：画一行分割线。 -
<address>联系地址信息</address>
功能：格式化文字信息，将联系地址信息以斜体的方式显示出来。 -
<code>代码</code>
功能：插入少量的代码。 -
<pre>语言代码段</pre>
功能：插入大量的代码语言
