HTML学习打卡_Day1

最新推荐文章于 2022-12-31 21:01:25 发布

WeiComp

最新推荐文章于 2022-12-31 21:01:25 发布

阅读量917

点赞数 1

分类专栏：前端文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_50197544/article/details/121522920

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

学习 HTML ——打卡！！！Day1

文章目录

学习 HTML ——打卡！！！Day1

HTML 简介

Html实例：

VS Code演示： 自动补全对齐

<!DOCTYPE html>
<html>
<head>
    <meta charset=" utf - 8">
    <title>
        菜鸟教程(runoob).com
    </title>
</head>
<body>
    <h1>
        我的第一个标题
    </h1>
    <p>
        我的第一个段落
    </p>
</body>
</html>

实例解析：

什么是 HTML

HTML 用来描述网页的一种语言，是一种超文本标记语言，而不是一种编程语言。标记语言是一套标记标签，使用标记标签来描述网页，HTML文档中包含了 HTML 标签以及文本内容。同时，HTML文档也叫做 web 页面。

HTML 标签

HTML 标记标签通常被称为 HTML 标签。它们有以下特点：

HTML 标签是由尖括号包围的关键字，比如
HTML 标签通常是成对出现的，比如尖括号 b 尖括号和尖括号 /b 尖括号
标签对中第一个标签称为开始标签，第二个标签称为结束标签

<标签> 内容 </标签>

eg:
<h1>
    我的第一个标题
</h1>
<p>
    我的第一个段落。
</p>

HTML 基础

HTML 标题

HTML 标题是通过 < h1 > ~ < h6 > 标签来定义的。< h1 > 表示一级标题，< h2 > 表示二级标题等等，以此类推, < h6 > 表示六级标题，即最多有六个标题。

<h1>
    这是一个标题
</h1>
<h2>
    这是一个标题
</h2>
<h3>
    这是一个标题
</h3>

HTML 段落

HTML 段落通过标签 < p > 来定义的。

<p>
    这是一个段落
</p>
<p>
    这是另外一个段落
</p>

HTML 链接

HTML 链接是通过标签 < a > 来定义的。

<a href="http://www.runoob.com">
    这是一个链接
</a>

**注意：**在href属性中指定链接的地址（后面会提到）

HTML 图像

HTML 图像是通过标签 < img > 来定义的。

<img loading="lazy" src="/imafes/logo.png" width="258" height="39" />

**注意：**图像的名称和尺寸是以属性的形式提供的。

HTML 元素

开始标签	元素内容	结束标签
< p >	这是一个段落	< /p >
< a href=“default.htm” >	这是一个链接	< /a >
< br >	换行	< /br >

HTML 元素语法

HTML 元素以开始标签起始
HTML 元素以结束标签起始
大多数元素拥有一个开始标签以及一个结束标签
元素的内容是开始标签与结束标签之间的内容
大多数 HTML 元素可拥有属性

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套，即 HTML 元素可以包含其他 HTML 元素。

<!DOCTYPE>
<html>

<body>
    <p>
        这是第一个段落。
    </p>
</body>

</html>

以上包含了三个 HTML 元素，即 < html > 、< p > 、 < body >。

HTML 示例解析

< p > 元素：

<p>
	这是第一个段落。
</p>

< p > 元素定义了一个 HTML 文档中的一个段落。这个元素拥有一个开始标签 < p > 以及一个结束标签 < /p >。

< body > 元素：

<body>
    <p>
        这是第一个段落。
    </p>
</body>

< body > 元素定义了 HTML 文档的主体。这个元素拥有一个开始标签 < body > 以及一个结束标签 < body >。元素内容是另一个 HTML 元素（p 元素）

< html > 元素：

<html>

<body>
    <p>
        这是第一个段落。
    </p>
</body>

</html>

< html > 元素定义了整个 HTML 文档。这个元素拥有一个开始标签 < html > ，以及一个结束标签 < /html > 。元素内容是另一个 HTML 元素（body 元素）。

不要忘记结束标签

即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：

<p>
	这是第一个段落。

以上实例在浏览器中也能正常显示，因为关闭标签是可选的。

但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

浏览器中也能正常显示，因为关闭标签是可选的。

但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。

HTML 提示：使用小写标签

HTML 标签对大小写不敏感：< p > 等同于 < p >。许多网站都使用大写的 HTML 标签。

因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。

WeiComp

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
HTML学习打卡_Day1

学习 HTML ——打卡！！！Day1文章目录学习 HTML ——打卡！！！Day1HTML 简介什么是 HTMLHTML 标签HTML 基础HTML 标题HTML 段落HTML 链接HTML 图像HTML 元素HTML 元素语法嵌套的 HTML 元素HTML 示例解析不要忘记结束标签HTML 提示：使用小写标签HTML 简介Html实例：**VS Code演示：**自动补全对齐<!DOCTYPE html><html><head> <meta
复制链接

扫一扫