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