您的位置：首页 > Web前端

前端学习笔记—HTML

2015-08-25 14:07 387 查看
前端学习笔记—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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航