【HR】Html5常用标签含义及用法(基础)

[复制链接]
查看502 | 回复2 | 2022-8-5 00:03:47 | 显示全部楼层 |阅读模式

1.html head body
最基础的三个标签
html包括head与body

2.h1-h6标签
用来表示标题

h1最大 h6最小

独占一行

3.p标签
用来表示段落

4.br标签
换行,单标签。

用法<br />

5.strong/em/del/ins标签
strong或者b 加粗

em或者i 倾斜

del或s 删除线

ins或u 下划线

更推荐用前者,语义更强烈

6.div标签
盒子

独占一行

7.span标签
盒子

一行可多个

8.img标签
用来插入图像

用法<img src="图像url" />

单标签,src为必须属性

其他属性:

alt:文本,替换文本,图像无法显示时的文本
title:文本,提示文本,鼠标移到图片上显示的文本
width:设置图像宽度
height:高度(同时设置宽高会任意拉缩图像,只设置其中一个可等比例缩放)
border:设置图像边框粗细
路径

相对路径
同一级:无
下一级:/
上一级:../
绝对路径:盘符或者网络地址
9.a标签
超链接标签:从一个标签跳到另一个标签

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

href为必须属性

target:

_self为默认值
__blank为新窗口打开
链接分类:

外部链接:外部网址
内部链接:文件名
空链接:#
下载链接:文件
锚点链接:快速定位到页面中某个位置
锚点链接:

在连接文本href中,使用“#名字”的形式
在目标标签中添加一个id属性=名字
    <a href="#two">快速定位two</a>
    <h1 id="two">标题为two</h1>

aaaa
村长黑科技是专业提供项目资源的服务的村长黑科技平台,如合购网赚项目、引流推广软件、软件程序开发等项目就选村长黑科技平台,参与或发布项目定制各种软件就来村长黑科技平台
梦影 | 2022-8-5 22:06:56 | 显示全部楼层
顶起顶起顶起
aaaa
村长黑科技是专业提供项目资源的服务的村长黑科技平台,如合购网赚项目、引流推广软件、软件程序开发等项目就选村长黑科技平台,参与或发布项目定制各种软件就来村长黑科技平台
回复

使用道具 举报

无量科技 | 2022-8-8 19:05:15 | 显示全部楼层
锄禾日当午,发帖真辛苦。谁知坛中餐,帖帖皆辛苦!
aaaa
村长黑科技是专业提供项目资源的服务的村长黑科技平台,如合购网赚项目、引流推广软件、软件程序开发等项目就选村长黑科技平台,参与或发布项目定制各种软件就来村长黑科技平台
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则