2、html标签

本文详细介绍了HTML的各类标签,包括标题标签、段落标签、字符实体、换行、块级元素、样式和语义标签、图片标签、链接标签、锚点、列表标签、表格标签以及表单标签,讲解了各个标签的属性和用途,例如``的`src`和`alt`属性,``的`href`和`target`属性等。
摘要由CSDN通过智能技术生成

一、标题标签<h>

通过<h1><h1><h2><h3><h4><h5><h6>标签可以定义六种级别的标题,其中<h1>用作主标题,以此类推,而且从<h1><h6>字号不断变小

二、段落标签<p>

通过<p>标签,可以使内容分段

1、字符实体

空格&nbsp;(“;”别忘)
“>”或“<”:&gt;&lt;

2、换行标签<br />

换行标签<br />单个出现,在需要换行的地方加入即可

三、块标签<div><span>

1、<div>标签

<div>标签即盒子标签,块元素,它相当于一个小<body>标签,可以在里面嵌套其他标签,文字,图片,视频及又一个<div>标签

2、<span>标签

<span>标签,行内元素,表示一行中的一小段内容

四、含样式和语义的标签

1、<em>标签

<em>标签,行内元素,起强调作用,文档会以斜体表示

2、<i>标签

<i>标签,行内元素,表示专业词汇,文档会以斜体表示

3、<b>标签

<b>标签,行内元素,表示文档中的关键字或产品名,文档会以粗体表示

4、<strong>标签

<strong>标签,行内元素,表示非常重要的内容,文档会以粗体显示

五、图片标签<img>

1、<img>标签两种常用属性

src属性定义图片的引用地址

<img src=" " />是图像标签的用法,其中“ ”里面是图片路径比如<img src="images/001.jpg" />

alt属性定义图片加载失败时显示的文字,搜索引擎会使用这个文字收录图片,盲人读屏软件会读取这个文字让盲人识别图片

<img src=" " alt=" "/>这是用法,alt“ ”引号里面是图片文字说明,比如<img src="images/001.jpg" alt="水果图片"/>

六、链接标签<a>

<a>标签可以在本网页中插入其他网页的链接

1、常用属性

href属性定义跳转的地址

<a href="#">链接名</a>这是href属性的基本用法,链接名是在本网页中此链接的名字

title属性定义鼠标悬停时弹出的文字提示框

<a href="#" title="鼠标悬停时出现的文字">链接名</a>这是title属性的基本用法

target属性定义链接窗口打开的位置

target属性有两个参数:
target=“self”:缺省值,新页面替换原来的页面
target=“_blank”:新页面在新窗口打开
<a href="#" target="_blank">新窗口打开</a>

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值