前端---标签

<!DOCTYPE HTML>
<html>
<head>  //头部
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
<title>了不起的盖茨比</title>  //标签
</head>//头部结束  成对出现(以下未说明都是成对出现)
<body>
 <h1>了不起的盖茨比</h1>  //标题
    标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

效果
这里写图片描述

<p>段落文本</p>   //段前段后都会有空白

效果

这里写图片描述

<em>需要强调的文本</em>  
<strong>需要强调的文本</strong>
<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。
 <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。

这里写图片描述

效果
这里写图片描述

<q>引用文本</q>
注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

效果
这里写图片描述

<blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。首尾有缩进。

这里写图片描述

只有结束,没有开始
<br />   换行   
&nbsp;   空格
<hr />   下横线
<address>联系地址信息</address>  地址: (显示斜体)
<code>代码语言</code>    代码:(字体会有不同)一行
<pre>语言代码段</pre>     代码:一段

这里写图片描述

这里写图片描述


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值