HTML的初步认识

HTML的初步认识



前言

想必大家一听到HTML就联想到了这不就是一个做网页的东西吗
其实不然,在下面我会跟大家一一解释


一、HTML是什么?

HTML:被称为超文本语言,是一种标记语言。它包括一系列标签,而这些标签可以说明文字,图形,动画,声音,表格,链接等。

二、HTML代码

<!DOCTYPE html>  
<html lang="en">
<head>
    <meta charset="UTF-8"> //meta元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。
                           //在这里跟大家解释下UTF-8其实就是编译器类似于中英转换,大家也知道乱码吧。
    <title>Title</title>   //title的内容通常在浏览器的标题栏中显示.
</head>
<body>
//这里面放我们想写的内容
</body>
</html>

三、标签

1.h1–h6标签

代码如下(示例):

<body>
<h1>大家好我是小手冰凉</h1>
<h2>大家好我是小手冰凉</h2>
<h3>大家好我是小手冰凉</h3>
<h4>大家好我是小手冰凉</h4>
<h5>大家好我是小手冰凉</h5>
<h6>大家好我是小手冰凉</h6>
</body>

以下是运行结果
在这里插入图片描述

2.P标签

代码如下(示例):

<body>
<p>大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉大家好我是小手冰凉</p>
</body>

该处使用的是p标签 p标签是独立成行的
以下是运行结果

在这里插入图片描述


3.br标签

代码如下(示例):

<body>
<p>大家好我是小手冰凉,带<br>大家认识下br标签的作用</p>
</body>

以下是运行结果

在这里插入图片描述
该处使用的是br标签 br标签是用来搬运元素的,只祈祷换行的效果

4.a标签

代码如下(示例):

<body>
<a href="">大家好我是小手冰凉</a>
</body>

以下是运行结果

在这里插入图片描述

该处使用的是a标签超链接,用于从一个页面链接到另一个页面。

5.img标签

代码如下(示例):

<body>
<img src="" alt="">
</body>

关于img标签中的src属性以及alt属性
src(图片路径:相对路径,绝对路径) alt(图片加载不出来的时候的提示语)

那么这里大家就迷惑了什么是相对路径和绝对路径呢
相对路径:就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系。
在这里插入图片描述

绝对路径:是从盘符开始的路径

在这里插入图片描述

6.div标签

代码如下(示例):

<body>
<div>大家好我是小手冰凉</div>
<div>大家好我是小手冰凉</div>
<div>大家好我是小手冰凉</div>
<div>大家好我是小手冰凉</div>
<div>大家好我是小手冰凉</div>
</body>

以下是运行结果
在这里插入图片描述

该处使用的是div标签,div标签块级标签,独立成行,关于div标签我们就先如步的认识它吧

7.span标签

代码如下(示例):

<body>
<span>大家好我是小手冰凉</span>
<span>大家好我是小手冰凉</span>
<span>大家好我是小手冰凉</span>
<span>大家好我是小手冰凉</span>
<span>大家好我是小手冰凉</span>
</body>

以下是运行结果

在这里插入图片描述
该处使用的是span标签,span标签行内标签,不独立成行,关于span标签我们也先如步的认识它吧

总结

我们先初步了解了HTML中的一部分的标签,每个标签在HTML页面中都担当着不同的工作,代码也许是枯燥的,但是学习是快乐的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值