HTML5_骨架+注释+标签属性

古老风向标

已于 2022-04-27 20:58:59 修改

阅读量1.1k

点赞数

分类专栏： Web前端学习笔记文章标签：开发语言前端

于 2022-04-25 17:55:11 首次发布

本文链接：https://blog.csdn.net/LEAF_per/article/details/121386938

版权

Web前端学习笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML骨架：

注释：

标签属性：

是我学习过程中的笔记，记得很通俗，方便自己复习。

HTML “超文本标记语言”，通俗理解就是网页制作的一个地基，建房子需要建地基，然后再美化（CSS+JavaScript交互）。

可以加入图片、声音、动画、影视等。

标签分为：

单标签：不成对，单身狗。比如：<br>换行、<hr>水平线、等等

双标签：就是成对出现的，比如：<head>中间就是应用范围</head>

HTML骨架：

文档是由元素和标签组成的，元素名字不分大小写。标签呢，是用来规定元素的属性和位置的，就是你想让它是什么样子。

HTML文档分为头和主体两个部分：

头——对文档的信息进行描述（标题、关键字、编码等）

主体——网页要显示的信息。

在写文档之前，有一个基本骨架（VsCode里面打一个半角感叹号，然后Tab键自动给出），如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

搞出来这个骨架，然后往上面添置自己的设计就可以了。

<!DOCTYPE html>是文档声明，和浏览器显示有关，如果没有那玩意儿，不同的浏览器可能有不同的显示效果。

<html></html>用来标记文档的开始和结束，很有仪式感，嗯。

<head></head>，这个东西是文档的头。里面可以嵌套别的标签，这些标签基本上不会显示在网页中，是隐形的。主要有：

标签	描述
<title>	定义了文档的标题（显示在你浏览器最上面标题栏）
<base>	页面链接标签的默认链接地址
<link>	一个文档和外部资源之间的关系
<meta>	HTML文档中的元数据，比如utf-8网页编码规范，统一语言中文等
<script>	客户端的脚本文件
<style>	文档的样式文件（CSS）