前端学习笔记 03-HTML篇

前端学习笔记 03-HTML篇

1.HTML基础

html标题是通过

-

标签来定义的

例如

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

html段落是通过标签

来定义的。

例如

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

html链接是通过标签来定义的。

例如

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

html图像是通过标签来定义的。

例如

<img decoding="async" src="/images/logo.png" width="258" height="39"/

2.HTML元素

元素定义段落 元素定义了HTML文档的主体

元素定义了整个HTML文档

不要忘记结束标签

推荐使用小写标签

3.HTML属性

属性是HTML元素提供的附加信息

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VOK11hYy-1677586547689)(C:\Users\junzi\AppData\Roaming\Typora\typora-user-images\image-20230228092505818.png)]

4.HTML标题

“

” 定义最大的标题，“

” 定义最小的标题。

“

---

”标签用于在HTML页面中创建水平线。

HTML注释实例：

<!--这是一个注释  -->

5.HTML段落

HTML拆行符号：
可用于插入耽搁折行，即换行

6.HTML文本格式化

HTML文本格式化标签

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-aTa9bekl-1677586547690)(C:\Users\junzi\AppData\Roaming\Typora\typora-user-images\image-20230228093735416.png)]

HTML计算机输出标签

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UHxVL0ZY-1677586547691)(C:\Users\junzi\AppData\Roaming\Typora\typora-user-images\image-20230228093816102.png)]

HTML引文，引用，及标签定义

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2Vt0AKDX-1677586547691)(C:\Users\junzi\AppData\Roaming\Typora\typora-user-images\image-20230228093905491.png)]

7.HTML链接

实例：

<a href="https://www.runoob.com/">访问菜鸟教程</a>

使用target属性，可以定义被链接的文档在何处显示

下面这行代码会在新窗口打开文档

<a href="https://www.runoob.com/" target="_blank" rel="noopener noreferrer">访问菜鸟教程</a>

8.HTML头部

HTML 元素

元素包含了所有的头部标签元素。在 元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为:

“”标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有链接标签的默认链接

""标签定义了文档与外部资源之间的关系。通常用于链接到样式表。

“

“”标签描述了一些基本的元数据。该标签提供了元数据，元数据不显示在页面上，但会被浏览器解析。

meta元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据。元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎关键词或其他web服务。一般放置于区域