HTML的基础语法知识

一、HTML：超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。

二、环境:txt文本，Dw,Visual Studio Code,HBuilder X平台都可以使用来获取HTML的浏览样式，推荐Visual Studio Code因为里面包含许多小插件不仅可以写html，还可以写css,js,vue等前端工具。

三、具体的学习语法可以关注菜鸟教程里面有详细的教学实例。

菜鸟教程：https://www.runoob.com/html/html-basic.html

四、基础讲解

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。

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

科普：每一个标题从大到小排列，可以自己复制尝试一下

HTML 段落

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

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

！！！<p>为块级元素

科普：行内元素就是在一行内的元素，只能放在行内；块级元素，就是一个四方块，可以放在页面上任何地方。
说白了，行内元素就好像一个单词；块级元素就好像一个段落，如果不另加定义的话，它将独立一行出现。

HTML 链接

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

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

科普：点击文字就可以跳转到相应的网址，以后可以改成按钮之类

HTML 图像

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

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

科普：绝对地址：相对根目录的地址（根目录大家都知道的，就是完整url最前边的那个啦）；

相对地址：即相对当前页的地址；

/：根；

./：当前级；

../：上一级。

欢迎大家有问题发言。