HTML5基础笔记

一、HTML5核心基础格式

HTML5文档结构组成

屏幕截图 2026-03-13 200127

1. 文档声明： <!DOCTYPE html> ，用于告诉浏览器文档类型为HTML5，位于文档第一行。
2. 根标签： <html> ，是所有HTML标签的根节点。
3. 头部区域： <head> ，存放页面元数据，不直接显示在页面上，包含字符编码、视口设置、页面标题、外部资源引用等信息。
4. 主体区域： <body>，是页面可见内容的载体，用户能看到的所有元素（文字、图片、按钮等）都放置在此区域。

二、HTML中链接外部资源格式

（一）链接外部样式文件（CSS）

1. 使用标签： <link> 标签
2. 语法： <link rel="stylesheet" href="style.css"> 
（二）链接外部JavaScript脚本（JS）

1. 使用标签： <script> 标签
2. 两种常用方式

  • 方式1：放在 <head>
  • 语法： <script src="script.js" defer></script> 
  • 方式2：放在  末尾（推荐）
  • 语法： <script src="script.js"></script>

什么是标签？
通常将HTML标记分为两大类，分别是“双标记”与“单标记”

双标记: <标记名>内容</标记名>
双标记也称体标记，是指由开始和结束两个标记符组成的标记。

单标记: <标记名/>
单标记也称空标记，是指用一个标记符号即可完整地描述某个功能的标记。

posted @ 2026-03-13 20:19  王happening  阅读(7)  评论(0)    收藏  举报