[精彩网文] HTML常用标签介绍
作者:精品下载站 日期:2020-11-14 17:47:27 浏览:72 分类:网文网语
标题标签
#入门基础篇 中已经见识过了,HTML 中用 h1~6
表示(双标签)
段落标签
p
[paragraph] 标签表示独占一行,(双标签)
<p> </p>
分割线标签
hr
[horizontal] (单标签)
<hr />
换行标签
br
[break](单标签)
<br />
div 和 span 标签
div
span
是没有语义的,是网页布局主要的 2 个盒子
div 就是 division 的缩写分割,分区的意思。
span 跨度,跨距;范围
两个都是双标签
<div> </div> <span></span>
区别
- div 标签 用来布局的,但是现在一行只能放一个 div
- span 标签 用来布局的,一行上可以放好多个 span
小结
<hx></hx>
标题标签作为标题使用,并且依据重要性递减<p></p>
段落标签可以把 HTML 文档分割为若干段落<hr />
水平线标签就是一条线<br />
换行标签强制换行<div></div>
div 标签用来布局的,但是现在一行只能放一个 div<span></span>
span 标签用来布局的,一行上可以放好多个 span标签属性
标签属性就是外在特性
- 水平线的长度是 200
- 图片的宽度 是 300
使用 HTML 制作网页时,如果想让 HTML 标签提供更多的信息,可以使用 HTML 标签的属性加以设置。其基本语法格式如下:
<标签名 属性1="属性值1" 属性2="属性值2" …> 内容 </标签名>
图像标签
<img src="url" >
注意:
- 标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。
- 属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。
- 采取 键值对 的格式
key="value"
的格式 - 图像标签中
src
属性必须写 alt
属性表示图片未能正常显示时的文本,title
表示图片描述
链接标签
<a href="url" target="_blank"> </a>
注意:
- 内部链接 直接链接内部页面名称即可 比如
< a href="index.html"> 首页 </a >
- 如果当时没有确定链接目标时,通常将链接标签的
href
属性值定义为“#”(即href="#")
,表示该链接暂时为一个空链接。 - 不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。
关于a标签中的 target 属性的内容
_blank在新窗口中打开被链接文档。_self在被点击时的同一框架中打开被链接文档(默认)。_parent在父框架中打开被链接文档。_top在窗口主体中打开被链接文档。注释标签
注释内容不会显示在浏览器窗口中,但是作为 HTML 文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。
快捷键是: Ctrl+ /
<!-- 注释语句 -->
一般用于简单的描述,如某些状态描述、属性描述等
注释内容前后各一个空格字符,注释位于要注释代码的上面,单独占一行
猜你还喜欢
- 05-21 [影视资讯] 《最后生还者》游戏 vs 电视剧:第二季第三集与游戏的 6 大不同之处
- 05-21 [影视资讯] 海军罪案调查处:起源 结局解析——第一季最大爆料和第二季预测
- 05-21 [影视资讯] 《最后生还者:赛拉菲特》教派解析——符号含义、面部标记、先知与游戏关联
- 05-21 [影视资讯] 《你》第五季主演是谁?最终季完整角色及演员阵容解析
- 05-21 [影视资讯] 《你》第五季结局解析:乔·戈德堡最终得到了应有的惩罚吗?
- 05-21 [影视资讯] 《最后生还者》中每个令人毛骨悚然的感染阶段详解:从跑步者到鼠王
- 05-21 [影视资讯] 《心脏骤停》大结局:第四季即将上映?为何要拍电影?
- 05-21 [影视资讯] 《夜魔侠:重生》第一季结局解析——黑暗时代开始
- 05-21 [影视资讯] 《最后生还者》第二季第二集:剧集与游戏的差异揭晓
- 05-21 [影视资讯] 《最后生还者》第二季原声带:每集歌曲解析
- 05-21 [影视资讯] 哈利·波特电视剧:上映日期、演员阵容、剧情、时间线以及我们所知道的一切
- 05-21 [影视资讯] 超人预告片终于来了:您可能会错过的隐藏细节!
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[影视] 黑道中人 Alto Knights(2025)剧情 犯罪 历史 电影
[古装剧] [七侠五义][全75集][WEB-MP4/76G][国语无字][1080P][焦恩俊经典]
[实用软件] 虚拟手机号 电话 验证码 注册
[电视剧] 安眠书店/你 第五季 You Season 5 (2025) 【全10集】
[电视剧] 棋士(2025) 4K 1080P【全22集】悬疑 犯罪 王宝强 陈明昊
[软件合集] 25年6月5日 精选软件22个
[软件合集] 25年6月4日 精选软件36个
[短剧] 2025年06月04日 精选+付费短剧推荐33部
[短剧] 2025年06月03日 精选+付费短剧推荐25部
[软件合集] 25年6月3日 精选软件44个
[剧集] [央视][笑傲江湖][2001][DVD-RMVB][高清][40集全]李亚鹏、许晴、苗乙乙
[电视剧] 欢乐颂.5部全 (2016-2024)
[电视剧] [突围] [45集全] [WEB-MP4/每集1.5GB] [国语/内嵌中文字幕] [4K-2160P] [无水印]
[影视] 【稀有资源】香港老片 艺坛照妖镜之96应召名册 (1996)
[剧集] 神经风云(2023)(完结).4K
[剧集] [BT] [TVB] [黑夜彩虹(2003)] [全21集] [粤语中字] [TV-RMVB]
[实用软件] 虚拟手机号 电话 验证码 注册
[资源] B站充电视频合集,包含多位重量级up主,全是大佬真金白银买来的~【99GB】
[影视] 内地绝版高清录像带 [mpg]
[书籍] 古今奇书禁书三教九流资料大合集 猎奇必备珍藏资源PDF版 1.14G
[电视剧] [突围] [45集全] [WEB-MP4/每集1.5GB] [国语/内嵌中文字幕] [4K-2160P] [无水印]
[剧集] [央视][笑傲江湖][2001][DVD-RMVB][高清][40集全]李亚鹏、许晴、苗乙乙
[电影] 美国队长4 4K原盘REMUX 杜比视界 内封简繁英双语字幕 49G
[电影] 死神来了(1-6)大合集!
[软件合集] 25年05月13日 精选软件16个
[精品软件] 25年05月15日 精选软件18个
[绝版资源] 南与北 第1-2季 合集 North and South (1985) /美国/豆瓣: 8.8[1080P][中文字幕]
[软件] 25年05月14日 精选软件57个
[短剧] 2025年05月14日 精选+付费短剧推荐39部
[短剧] 2025年05月15日 精选+付费短剧推荐36部
- 最新评论
-
- 热门tag