HTML学习笔记1

HTML：超文本标记语言

1、标签

1.1、标签总述

html有其固定的框架，如下

 这个框架不需要手打，直接在vscode中输入!+回车即可。

在这个框架中

html标签是代表网页整体

head标签代表网页上面的名字

title标签也就是网页标题的意思

body标签代表网页的主体内容

（1）在这里，我们可以明显地看出，这四种标签分别在其包含内容的头和尾都有出现，它们叫做双标签，同时也有存在着单标签，单标签即是不需要将内容包住的标签，如换行标签。

（2）标签与标签之间存在着嵌套或者并列的关系，可以称之为父子关系和嵌套关系。

1.2、标题标签

标题标签，即h系，例如<h1>，代码如下

演示效果为 

 

1.3、段落、换行、水平分割线标签

段落标签为<p>

换行标签为<br>

水平分割线标签为<hr>

代码即演示效果如下

 

 

 1.4、文本格式化标签

 

 这两种写法都可以使文字进行相应的操作。

演示如下：

 

 1.5、图片标签

在src=“ ”双引号内填写你所要放的图片，alt=“ ”双引号里面填的为当图片无法显示时，显示这里面的内容。

 如果我们的图片在该html所在的文件夹中，那么这时只需在alt后面输入图片名字，即可显示图片，如下

 

 当图片无法显示时，就会显示alt里的内容

 

 1.6、路径

路径分为绝对路径和相对路径，其中绝对路径几乎用不到，我们只需要了解相对路径（Windows系统）

相对路径，即图片相对于该html页面所在的位置。