HTML5入门学习：标签、图像与路径解析

需积分: 0 54 浏览量更新于2024-08-05 1 收藏 15KB MD 举报

"HTML5个人学习笔记，涵盖了基础标签、链接、注释、表格、列表、视频、音频等内容，适合初学者入门学习。" 在HTML5的学习中，首先要理解的是文档类型声明，`<!DOCTYPE html>` 用于指定文档类型为HTML5，这使得浏览器按照HTML5的标准来解析网页。接下来，`<html lang="zh-CN">` 标签定义了文档的基本结构，并声明了语言属性，这里的`zh-CN`表示这是一个中文网站。在HTML中，`<meta charset="UTF-8">` 是一个非常重要的元信息标签，它定义了字符编码为UTF-8，这样网页才能正确地显示包括中文在内的各种字符。在文本内容的展示方面，HTML提供了多种标签。例如，`<h1>`到`<h6>` 用于创建六级标题，`<p>` 用于创建段落，`<br/>` 用于换行，`<strong>` 用于加粗文本，`<em>` 用于斜体强调，`<ins>` 用于下划线，而`<del>` 则用于表示删除线。在布局中，`<div>` 和 `<span>` 是两个常用且无语义的元素。`<div>` 通常用于创建块级元素，占据一整行，常用于页面布局；而`<span>` 是内联元素，可以在一行内显示多个，通常用于文本或小范围的样式控制。 `<img>` 标签用于插入图像。其主要属性包括：`src` 指定图像的URL，`alt` 提供替代文本，当图像无法显示时显示，`title` 用于设置鼠标悬停时显示的提示文本，`width` 和 `height` 分别定义图像的宽度和高度，而`border` 设置图像边框的宽度。在处理文件路径时，我们需要了解相对路径的不同类型。同一级路径直接使用文件名，下一级路径前加 `/`，上一级路径则使用 `../`。例如，如果HTML文件和图片在同一级目录，`<img src="baidu.jpg">` 即可引用图片；如果图片在下一级的`images` 文件夹中，则写为 `<img src="images/baidu.jpg">`；如果图片在上一级目录，则写为 `<img src="../baidu.jpg">`。此外，HTML5 还引入了新的元素和功能，如`<video>` 和 `<audio>` 用于嵌入视频和音频，`<table>` 用于创建表格，`<ul>` 和 `<ol>` 用于无序和有序列表，以及`<a>` 用于创建链接等。这些元素和属性的掌握是理解和构建基本HTML5网页的基础。初学者可以通过实践和探索这些标签的用法，逐步深入HTML5的世界。

费卡拉

粉丝: 98
资源: 1

HTML5入门学习：标签、图像与路径解析

HTML+CSS个人学习笔记

h5前端学习笔记

html的个人学习笔记 html-css.html

个人做的HTML5学习笔记

HTML 5 学习笔记

个人html学习笔记 精华版

个人HTML学习笔记.zip

JavaScript个人学习笔记

php个人学习笔记

HTML学习笔记（个人）

最新资源

个人html学习笔记精华版