HTML笔记 | 青训营

127 阅读2分钟

HTML是超文本标记语言。

HTML骨架格式是指一个HTML文档的基本结构,包括根标签、头部标签和主体标签。根标签是< html >,头部标签是< head >,主体标签是< body >。在使用HTML制作网页时,可以使用HTML标签的属性来提供更多的信息。属性的格式是在标签名后面加上属性名和属性值,如<标签名 属性1="属性值1" 属性2="属性值2" …>。

  <!-- 页面中最大的标签 根标签 -->
<html>
    <!-- 头部标签 -->
    <head>     
        <!-- 标题标签 -->
        <title></title> 
    </head>
    <!-- 文档的主体 -->
    <body>
    </body>
</html>

例如,可以使用属性来设置手机的颜色和大小,或者使用属性来设置图像的URL。另外,HTML还提供了段落标签< p >用于分割文档为若干段落。在一个段落中,文本会根据浏览器窗口大小自动换行,并且段落之间有空格。

  • HTML标签名、类名、标签属性和大部分属性值统一用小写
  • HTML元素标签可分为双标签,单标签
  • HTML标签关系:嵌套关系父子级包含关系 ,并列关系兄弟级并列关系
  • 如果两个标签之间的关系是嵌套关系,子元素最好缩进一个tab键的身位(一个tab是4个空格)。如果是并列关系,最好上下对齐。
    常规元素(双标签)
  <标签名> 内容 </标签名>   比如<body>我是文字</body>
    
  空元素(单标签)
  <标签名 />  比如 <br /><br>

  • 路径的介绍

绝对路径:指目录下的绝对位置,可以直接到达目标位置,通常从盘符开始的路径。例如:D:\BaiduNetdisk\BaiduNetdisk.exe

相对路径:从当前文件开始出发找目标文件的路径。

  • 相对路径的三种情况

同级目录:直接写目标文件的名字,vscode在前面加./快速查找

下级目录:直接写文件夹名/目标文件名字!,vscode在前面加在前面加./快速查找

上级目录:../目标文件的名字