【HTML学习笔记】常用标签

一、标题标签<h1>-<h6>

<h1> 一级标题 </h1>
<h2> 二级标题 </h2>
<h3> 三级标题 </h3>
<h4> 四级标题 </h4>
<h5> 五级标题 </h5>
<h6> 六级标题 </h6>

二、段落标签

<p>这是段落标签，用于分段</p>

三、换行标签

<br>

四、文本格式化标签

<strong>加粗</strong>
<b>也是加粗</b>

<em>倾斜</em>
<i>也是倾斜</i>

<del>删除线</del>
<s>也是删除线</s>

<ins>下划线</ins>
<u>也是下划线</u>

五、<div>和<span>标签

         没有语义，用于布局。

<div>一个div独占一行</div>
<span>一行可以有多个span，跨距</span>

六、图像标签

        图像标签的属性无顺序之分，但必须写在标签名img后面，用空格分开，采取键值对的形式。

<img src="图像位置">

属性	属性值	说明
src	图片路径	必需属性，图片的位置
alt	文本	替换文本，图像无法显示时展示的文字
title	文本	提示文本，光标移到图像上时展示的文字
width	像素	设置图像的宽度
height	像素	设置图像的高度，与width只设置一个会等比例缩放
border	像素	设置图像的边框粗细

七、超链接标签

        在HTML标签中，<a>标签用于定义超链接，作用是从一个页面链接到另一个页面。

1、链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

属性	作用
href	必需属性。用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能
target	用于指定链接页面的打开方式。其中 默认值_self为在当前窗口打开，_black为在新窗口打开

2、链接的分类

外部链接：

<a href="http://www.qq.com" target="_black"> 腾讯 </a>

内部链接：

<a href="jieshao.html" target="_black"> 内部链接 </a>

空链接：链接目标还未确定时，可用#代替

<a href="#" target="_black"> 空链接用#代替 </a>

下载链接：如果链接目标地址是一个文件或者压缩包，则会下载

<a href="1.zip" target="_black"> 链接地址为文件或压缩包时会下载 </a>

网页元素链接：网页中的各种元素，如文本、图像、表格、音频、视频等都可以添加超链接

<a href="http://www.qq.com"> <img src="1.jpg"> </a>

锚点链接：快速定位到页面中的某个位置

<a href="#two"> 第二集 </a>
<h1 id="two"> 第二集 </h1>