前端学习笔记—HTML
标签的学习
加强语气,使用<strong>和<em>标签
如果想在一段话中特别强调某几个文字的话,这个时候就可以用到<strong>和<em>标签了。但是两者在语气上有些区别。<em>表示强调,<strong>表示 更强烈的强调。在浏览器中<em>默认用斜体表示,<strong>用粗体表示。
语法:
<em> 需要强调的文本</em>
<strong>需要强调的文本</strong>
如:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>了不起的盖茨比</title>
</head>
<body>
<p>1922年的春天,一个想要成名名叫<strong>尼克•卡拉威</strong>(托比•马奎尔Tobey Maguire饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"<em>爵士乐时代</em>"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>
效果为:
使用<span>标签为文字设置单独样式
<!DOCTYPE HTML>
<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>
可以看到“美国梦”字体颜色被标记为蓝色。与上面两个强调标签<em>、<strong>不同的是,<span>只是为了设置它和其他文字不同的样式而已。
引用标签
- 短引用标签<q></q>,不需要自己添加双引号,会自动添加
- 长引用标签<blockquote></blockquote>,注意会缩进
空格和换行
浏览器是自动忽略空格和回车键的,所以我们需要这些操作的话需要添加以下标签
- 换行 <br/>
- 空格, 添加一个空格
列表标签
有序列表<ol><li></li></ol>
无序列表<ul><li></li></ul>