常用标签及其属性

<center>标签——文本水平居中

  • 格式:<center>这其中的所有文字都会自动水平居中显示</center>

<span>标签——行内文本

  • 格式:<span>一个行内文本</span>

h系列标签——标题

标签 格式 解释
<h1>标签对 <h1>一号标题</h1> 权重最高,字体最大
<h2>标签对 <h2>二号标题</h2> -
<h3>标签对 <h3>三号标题</h3> -
<h4>标签对 <h4>四号标题</h4> -
<h5>标签对 <h5>五号标题</h5> -
<h6>标签对 <h6>六号标题</h6> 权重最低,字体最小

<p>标签——段落

  • 格式:<p>一个段落</p>

  • 实现了各个段落之间的换行。

<p>标签导致的换行会自动添加一定的间距。而<br/>标签导致的换行不会自动添加一定的间距。


<ul>标签——无序列表

  • 格式:<ul>这里面的一级标签只能是列表项标签</ul>

<ol>标签——有序列表

  • 格式:<ol>这里面的一级标签只能是列表项标签</ol>

<li>标签——列表项

  • 格式:<li>这里面可以包含任何内容</li>

<a>标签——超链接

  • 格式:<a href="" target="">这是一个超链接</a>

    • href
      • 链接地址
    • target
      • _self:在当前窗口打开链接(默认)
      • _blank:在新窗口打开链接
      • _parent:在父窗口打开链接
      • _top:清除所有被包含的 frame 框架
  • <a>标签可以包裹任意内容。

锚点:在<a>标签的href属性值后加#ID名可实现跳转到指定ID名处。其中,只有#top可以不用事先定义,表示跳转到顶部。


<img/>标签——图片

  • 格式:<img src="" alt=""/>
    • src
      • 图片路径,需要包含图片文件名
    • alt
      • 图片描述,当图片不能正常显示时则显示描述文字

<br/>标签——换行

  • 格式:<br/>

  • 实现了任意位置内容的换行。

<p>标签导致的换行会自动添加一定的间距。而<br/>标签导致的换行不会自动添加一定的间距。

猜你喜欢

转载自blog.csdn.net/chuanyu2001/article/details/114224879