前端学习笔记—HTML


前端学习笔记—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>只是为了设置它和其他文字不同的样式而已。


引用标签

  1. 短引用标签<q></q>,不需要自己添加双引号,会自动添加
  2. 长引用标签<blockquote></blockquote>,注意会缩进

空格和换行

浏览器是自动忽略空格和回车键的,所以我们需要这些操作的话需要添加以下标签

  • 换行 <br/>
  • 空格,&nbsp;添加一个空格

列表标签

有序列表<ol><li></li></ol>

无序列表<ul><li></li></ul>






  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值