杨艺萱 發表於 2026-3-13 20:19:00

HTML5基础笔记

<p>一、HTML5核心基础格式</p>
<p>HTML5文档结构组成</p>
<p><img src="https://img2024.cnblogs.com/blog/3773460/202603/3773460-20260313200439209-1862657349.png"></p>
<p>1.&nbsp;文档声明:&nbsp;<code>&lt;!DOCTYPE html&gt;</code>&nbsp;,用于告诉浏览器文档类型为HTML5,位于文档第一行。<br>
2.&nbsp;根标签:&nbsp;<code>&lt;html&gt;</code>&nbsp;,是所有HTML标签的根节点。<br>
3.&nbsp;头部区域:&nbsp;<code>&lt;head&gt;</code>&nbsp;,存放页面元数据,不直接显示在页面上,包含字符编码、视口设置、页面标题、外部资源引用等信息。<br>
4.&nbsp;主体区域:&nbsp;<code>&lt;body&gt;</code>,是页面可见内容的载体,用户能看到的所有元素(文字、图片、按钮等)都放置在此区域。</p>
<p>二、HTML中链接外部资源格式</p>
<p>(一)链接外部样式文件(CSS)</p>
<p>1.&nbsp;使用标签:&nbsp;<code>&lt;link&gt;</code>&nbsp;标签<br>
2.&nbsp;语法:&nbsp;<code>&lt;link rel="stylesheet" href="style.css"&gt;&nbsp;</code><br>
(二)链接外部JavaScript脚本(JS)</p>
<p>1.&nbsp;使用标签:&nbsp;<code>&lt;script&gt;</code>&nbsp;标签<br>
2.&nbsp;两种常用方式</p>
<ul>
<li>方式1:放在&nbsp;<code>&lt;head&gt;</code></li>
<li>语法:&nbsp;<code>&lt;script src="script.js" defer&gt;&lt;/script&gt;&nbsp;</code></li>
<li>方式2:放在&nbsp;&nbsp;末尾(推荐)</li>
<li>语法:&nbsp;<code>&lt;script src="script.js"&gt;&lt;/script&gt;</code></li>
</ul>
<p>什么是标签?<br>
通常将HTML标记分为两大类,分别是“双标记”与“单标记”</p>
<p>双标记:<code>&lt;标记名&gt;内容&lt;/标记名&gt;</code><br>
双标记也称体标记,是指由开始和结束两个标记符组成的标记。</p>
<p>单标记:<code>&lt;标记名/&gt;</code><br>
单标记也称空标记,是指用一个标记符号即可完整地描述某个功能的标记。</p><br><br>
来源:https://www.cnblogs.com/Whap/p/19715365
頁: [1]
查看完整版本: HTML5基础笔记