Day01_HTML

最新推荐文章于 2024-07-25 02:11:29 发布

grp_grp_grp

最新推荐文章于 2024-07-25 02:11:29 发布

阅读量133

点赞数

文章标签： html

本文链接：https://blog.csdn.net/grp_grp_grp/article/details/123057447

版权

1. html 初识

HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。

HTML不是一种编程语言，而是一种标记语言 (markup language)

总结： HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。

2. 骨架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html初识</title>
</head>
<body>

</body>
</html>

2.1 HTML标签

作用所有HTML中标签的一个根节点。根标签

2.2 head 标签

文档的头部,描述了文档的各种属性和信息，包括文档的标题、在 Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。注意在head标签中我们必须要设置的标签是title。

2.3 title 标签

文档的标题,让页面拥有一个属于自己的标题。

2.4 body 标签

文档的主体以后我们的页面内容基本都是放到body里面的body元素包含文档的所有内容(比如文本、超链接、图像、表格和列表等等)

3. 标签的分类

3.1 双标签

<标签名>内容</标签名>

比如 <body>我是文字</body>

3.2 单标签

<标签名 />

比如 <br />

4. 标签关系

h1+h2+h3

h1>h2

h1*3

(h0+h1>h2)+h3

5. 常用标签

5.1 段落标签 p

<p>我是快乐的段落标签</p>

5.2 分隔符 hr

<hr>

5.3 换行标签 br

<br>

5.4 结构化表现化标签

<body>
    <!-- b 加粗    strong 加粗 -->
    <!-- br  换行标签 -->
    <b>我是快乐的加粗标签</b><br>
    <strong>我也是快乐的加粗标签</strong><br>

    <!-- i 斜体    em 斜体 -->
    <i>我是快乐的斜体标签</i><br>
    <em>我也是快乐的斜体标签</em><br>

    <!-- s 删除线   del 删除线 -->
    <s>我是快乐的删除线标签</s><br>
    <del>我也是快乐的删除线标签</del><br>

    <!-- u 下划线   ins 下划线 -->
    <u>我是悲伤的下划线标签</u><br>
    <ins>我也是悲伤的下划线标签</ins>
</body>

5.5 图片标签

<img src="./image/tv01.jpg" alt="">

5.6 链接标签

 <a href="https://www.baidu.com/">在当前窗口中跳转到百度</a><br>

grp_grp_grp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Day01_HTML

1. html 初识HTML（英文Hyper Text Markup Language的缩写）中文译为“超文本标签语言”，是用来描述网页的一种语言。所谓超文本，因为它可以加入图片、声音、动画、多媒体等内容，不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。HTML不是一种编程语言，而是一种标记语言 (markup language)总结： HTML 作用就是用标记标签来描述网页，把网页内容在浏览器中展示出来。2. 骨架<!DOCTYPE html>&
复制链接

扫一扫