提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

HTML中常用的标签

HTML 常用 标签
2023-09-27 14:22:49 时间

 使用HTML标签，时刻注意它的语义，而非样式，也就是注意它的血统地位，而不是穿的什么衣服，最终呈现什么样子，样子都是可以通过css假冒，而血统无法假冒

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>常用的标签</title>
  </head>
  <body>
    <!-- 
			一：标题标签
				-在HTML中，一共有六级标题标签
				h1 ~ h6
				在显示效果上h1最大，h6最小，但是文字的大小我们并不关心
				使用HTML标签时，关心的是标签的语义，我们使用的标签都是语义化标签

				6级标题中，h1的最重要，表示一个网页中的主要内容，h2 ~ h6重要性依次降低
					对于搜索引擎来说，h1的重要性仅次于title，搜索引擎检索完title，会立即查看h1中的内容
						h1标签非常重要，它会影响到页面在搜索引擎中的排名，页面只写一个h1
						
				一般页面中标题标签只使用h1-h3, h3以后的基本不使用		
		-->
    <h1>一级标题</h1>
    <h2>一级标题</h2>
    <h3>一级标题</h3>
    <h4>一级标题</h4>
    <h5>一级标题</h5>
    <h6>一级标题</h6>
 

    <!-- 
			二：段落标签，段落标签用于表示内容中的一个自然段
			使用p标签来表示一个段落
			p标签中的文字，默认会独占一行，并且段与段之间会有一个间距，我们成为块元素
		-->
    <!-- 
      三：hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup
     -->
    <hgroup>
      <h1>赋得古原草送别</h1>
      <h3>白居易</h3>
    </hgroup>
    <p>离离原上草</p>
    <p>一岁一枯荣</p>
    <p>野草烧不尽</p>
    <p>春风吹又生</p>

    <!-- 
      四：em标签用于表示语音语调的一个加重
           不会独占一行，我们成为行内元素（inline element）
     -->
    <p>你可<em>真</em>能干！！</p>

    <!-- 五：strong表示强调，重要内容,强调   -->

    <p>你今天必须要<strong>去上课</strong></p>
    
    <!-- strong:粗体强调标签，强调，表示内容的重要性
         em:斜体强调标签，更强烈强调，表示内容的强调点  -->

    <!--六： blockquote 引用别人说的话 长引用 会换行 块元素-->
    牛顿说：
    <blockquote>锄禾日当午</blockquote>
    
    <!--七： q 表示短引用-->
    子曰<q>学而时习之</q>

    <!-- 
			八：换行标签
			在HTML中，字符之间写再多的空格，浏览器也会当成一个空格解析，
			  换行也会当成一个空格解析。
			在页面中可以使用br标签来表示一个换行，br标签是一个自结束标签	
		-->
    <p>
      锄禾日当午，
      汗滴禾下土，<br />
      谁知盘中餐，<br />
      粒粒皆辛苦。<br />
    </p>

    <!--
			九：分割线
			hr标签也是一个自结束标签，可以在页面中生成一条水平线
		-->
    <hr />
    <!--
			十：使用del标签来表示一个删除的内容
				del标签中的内容，会自动添加删除线
		-->
    <p>
      原价：<del>17.75</del> <br />
      现价：15.54 <br />
    </p>
    <!-- 十一：center  居中效果
     -->
     <center>我在中间位置</center>
  </body>
</html>

相关文章