HTML 常用标签

<!DOCTYPE html>
<html lang="en">
 <!--
    head的常用子标签
 -->
<head>
    <meta name = "keywords" content="gl，网易云">
    <meta charset="UTF-8">
    <title> 标题2 </title>
</head>
<body bgcolor="#ffe4c4" text="black"background="https://inews.gtimg.com/newsapp_match/0/13542497551/0">
    <h1>汤 </h1>
    <h2>家 </h2>
    <h3>凤 </h3>
    <h4>确 </h4>
    <h5>实 </h5>
    <h6>帅 </h6>
    <strong> 强调</strong>
    <b> 加粗</b>
    <i> 斜体</i>
    <del> 删除 </del>
    <center> 居中</center>
</body>
</html>

3.3空格换行以及段落

空格： 

换行: <br/>

换行并添加行分割线：<hr>

段落：<p>

这里的文字会自动换行

</p>

4.网页中描述颜色和图片

4.1用颜色单词直接描述颜色

4.2通过三颜色的调色板，来调整颜色

4.2.1#RGB(R 红色，G 绿色，B 蓝色）

每一个颜色值，是一个十六机制数字。0-f

4.2.2 RRGGBB(R 红色，G 绿色，B 蓝色）

每一个颜色值，是两个十六机制数字。00-ff

4.2.3rgb(R值，G值，B值）

每一个颜色值，用十进制表示，0-255

4.2.4rgba(R值，G值，B值 , A值）

每一个颜色值，用十进制表示，0-255

A值是透明度，0-1的数值，0完全透明，1不透明，0.5半透明

4.3设计网页背景颜色

body标签的属性可以设计网页的背景颜色，文字的颜色

-设计背景颜色bgcolor:颜色值

-设计文本颜色text:颜色值

4.5设计网页背景图片

body标签的属性可以设计网页背景图片

-background:图片地址

5.引用外部文件

5.1使用网址：直接使用网络资源地址即可，注意后缀名是否被识别。

<!DOCTYPE html>
<html lang="en">
 <!--
    head的常用子标签
 -->
<head>
    <meta name = "keywords" content="gl，网易云">
    <meta charset="UTF-8">
    <title> 标题1 </title>
</head>
<body bgcolor="#ffe4c4" text="black"background="https://inews.gtimg.com/newsapp_match/0/13542497551/0">
    好想回到那天，我不会让你再受伤
</body>
</html>

tips 文件路径

绝对路径：不建议

相对路径：再本HBuilder中进行调用地址，相对于当前代码所在路径，继续描述路径

6.图片标签 img

6.1属性：

——src:图片地址

——alt:当图片加载失败时，显示的文件

——width:图片宽度

——height：图片高度

6.2如何在网页描述高

6.2.1常用长度单位

——px：像素

——em：描述文字，1em为默认，2em为二倍

——百分比:当前元素占父元素的百分比大小

<!DOCTYPE html>
<html lang="en">
 <!--
    head的常用子标签
 -->
<head>
    <meta name = "keywords" content="gl，网易云">
    <meta charset="UTF-8">
    <title> 标题4 </title>
</head>
<body >
    <h2> 奶龙 </h2>
    <img width="70%" alt="可爱" src="https://p4.itc.cn/images01/20211224/517911a1ab05494980cee9988c8061d9.gif">
</body>
</html>

7.超链接标签<a>

基础格式：<a target = "_blank" href="链接地址"> 显示文字 </a>

常用用途：

跳转到其他页面，用于锚点（1.给任意元素添加name属性名 2. 通过a标签的href属性,属性值为： #name属性值（如果调到其他网页某个锚点：属性值为：网页地址 #name属性值））。

@Camelus

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML 常用标签

1简介超文本标记语言，由W3C组织维护的一个标记语言，是一个用于描述网页的标记语言。超文本是指网页中可以包含除文字以外其他元素，如：图片，视频2.编写网页格式保存为：.html文件或 .htm文件网页由三部分组成1.文档声明<!DOCTYPE html><html>2.网页头部<head> </head>3.网页主体内容<body> </body></html>3.常
复制链接

扫一扫