前端学习——HTML的标签

目录

1.html标签

2.head标签

3.body标签

4.title标签

5.meta标签

6.h1-h6标签

7.p标签

8.br标签

9.hr标签

10.img标签

11.a标签


标签有单标签和双标签两种表现形式。

1.html标签

<html> </html>

该标签定义了HTML文档,限定了文档的开始点和结束点。

2.head标签

<head> </head>

该标签定义了文档的头部,负责描述文档的属性和信息,大部分头部包含的数据不会作为内容显示给用户。

3.body标签

<body> </body>

 该标签定义了文档的主体,包含了文档的所有内容,这些内容会直接在页面中显示给用户。

4.title标签

<title> </title>

该标签定义了文档的标题,它显示在浏览器窗口的标题栏或状态栏上。
<title> 标签是 <head> 标签中唯一必须要求包含的东西。
<title>的增加有利于SEO(搜索引擎优化)优化。

5.meta标签

<meta charset="UTF-8">

该标签定义描述一个HTML网页文档的属性,关键词等。                                                               例如: charset="utf-8"是说当前使用的是 utf-8 编码格式(通常使用该编码格式),在开发中我们经常会看到 utf-8,或是 gbk ,这些都是编码格式。

6.h1-h6标签

<h1>  </h1>  (以此类推)

这些标签只负责定义标题,而不是仅仅为了生成粗体或大号的文本。

正确使用标题有益于SEO,对于网页大有裨益。

其中,<h1> 定义最大(最主要)的标题,<h6>定义最小的标题,以此类推:

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

生成如上代码也可以使用快捷键:h$*6(如需其他标题可以灵活改变快捷键的数字指引)

在该标签中添加属性:align="left / center / right",分别默认该标签居左、居中、居右。

7.p标签

<p>  </p>

该标签定义了段落。长文本时可以用它来分段。

8.br标签

<br>

该标签定义了换行,且换行不产生新的段落。

<br/>是一个空的HTML元素。

9.hr标签

<hr/>

该标签定义了水平线(分割线)。

该标签中可以添加对应的属性,如:                                                                                              color:  设置水平线的颜色;
width: 设置水平线的宽度;
size:   设置水平线的高度;
align:  设置水平线的对齐方式(默认居中),我们可根据实际需要改成left/right,对应居左、居右。

10.img标签

<img>

该标签定义了图像。

该标签中可以添加对应的属性,                                                                                             如:src:      路径
alt:       规定图像的替代文本
width:  规定图像的宽度
height: 规定图像的高度
title:     鼠标悬停在图片上给予提示

图片的路径分为绝对路径和相对路径。其中,绝对路径是电脑的盘符存储与访问的具体地址;相对路径是图片的相对关系,如果互为子级关系,要使用“/”,如果互为父级关系,要使用“../”,如果互为同级关系,要使用 “./”(可以省略),两者在同一路径下可以直接访问。

11.a标签

<a> </a>

该标签定义了超文本链接,当鼠标移动到超文本链接上时,指示会由箭头变为手指。

该标签使用href属性描述链接的地址。例:<a href="url"> 文本 </a>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值