HTML学习01-常用标签

HTML常用标签

标题标签

<h1>-<h6>标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。

段落标签

段落标签<p>,可以把 HTML 文档分割为若干段落

换行标签

<br/>是单标签，可以用于换行

文本格式化标签

语义	标签
加粗	<strong></strong>或者<b></b>
倾斜	<em></em>或<i></i>
删除线	<del></del>或<s></s>
下划线	<ins></ins>或<u></u>

div和span标签

无语义，可以理解为网页布局中的两个盒子。

<div> 是大盒子，<span> 是小盒子。

图像标签img

<img />属性

属性	描述
src	图像的路径
alt	图像不能显示时的替换文本
title	鼠标放在图片上时显示的文本
width	设置图像的宽度
height	设置图像的高度
border	设置图像边框的宽度

使用案例：

<img src ="img.jpg" alt="运动员" title="运动员图像" width="500" border="15"/>

图像标签使用时需要注意路径的使用：

1、相对路径

即图片相对于HTML文件的位置。

相对路径分类	符号	说明
同一级路径		图像文件位于HTML文件同一级 如：<img src="img.jpg"/>
下一级路径	/	图像文件位于HTML文件下一级 如：<img src="images/img.jpg"/>
上一级路径	../	图像文件位于HTML文件上一级 如：<img src="../img.jpg"/>

2、绝对路径

即文件的绝对位置，通俗理解就是从盘符开始表示的路径。

例如：E:\Project\WEB\HTML\img.jpg

或者完整的网络地址：https://www.baidu.com/img/PCfb_5bf082d29588c07f842ccde3f97243ea.png

链接标签

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

1.语法格式

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

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

2.链接分类

• 外部链接：例如<a href="http://www.qq.com" target="_blank">腾讯</a>

• 内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如<a href="gongsijianjie.html" target="_blank">公司简介</a>

• 空链接：如果当时没有确定链接目标时，<a href="#" target="_blank">首页</a>

• 下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件，

  例如<a href="img.zip">下载文件</a>

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

• 锚点链接：通过创建锚点链接，可以快速定位到页面中的某个位置

  • 在链接文本的href属性中，设置属性值为 #名字 的形式，如<a href="#two">第二集</a>
  • 找到目标位置标签，里面添加一个id属性 = 刚才的名字，如<h3 id="two">第二集介绍</h3>

注释标签

HTML中的注释 以"<!--"开头，以"-->"结束

也可以使用快捷键： ctrl + /

如：

<!-- 注释 --> 

特殊字符

例如：

<p>  是一个段落标签