HTML基础与布局详解：从标签到超链接

需积分: 30 0 下载量 163 浏览量更新于2024-08-05 收藏 23KB MD 举报

身份认证购VIP最低享 7 折!

30元优惠券

HTML笔记总结涵盖了HTML的基础知识和进阶概念，共分两章。第一章主要介绍了HTML5的基础结构和常用元素： 1. HTML5文件结构：HTML5文档的基本构成包括`<!DOCTYPE html>`声明，表示文档类型为HTML5，`<html>`标签包裹整个文档，包含`<head>`部分（存放元数据如标题、字符集等）和`<body>`部分（显示在浏览器中的实际内容）。 2. W3C标准遵循：编码时需遵循World Wide Web Consortium（W3C）的规范，确保代码兼容性和国际性，例如使用正确的引号`<meta charset="UTF-8">`设置字符编码。 3. 基础标签：包括标题标签（如`<h1>`到`<h6>`表示不同层级标题），段落标签`<p>`，水平线`<hr>`，以及换行标签`<br>`用于控制文本布局。 4. 文本样式处理：通过`<strong>`实现加粗文本，`<em>`用于斜体，`<br>`用于强制换行，同时介绍了特殊字符的转义方法，如`>`、`<`和`"`等。 5. 超链接：`<a>`标签是核心，支持图片链接（`<img>`配合`src`和`alt`属性）、文字链接、页面间链接（`href`属性指定目标地址）以及锚链接（`id`用于定位）。第二章则聚焦于列表和表格的创建： - 无序列表：使用`<ul>`标签，内部的`<li>`标签表示列表项，如`<ul><li>项目1</li><li>项目2</li></ul>`。 - 有序列表：使用`<ol>`标签，列表项同样用`<li>`，会自动添加数字序号，如`<ol><li>第一项</li><li>第二项</li></ol>`。 - 定义列表：`<dl>`用于定义术语或解释，包括定义项`<dt>`和定义内容`<dd>`，如`<dl><dt>定义</dt><dd>解释</dd></dl>`。这个笔记提供了HTML基础入门和实用技巧，帮助读者理解并掌握如何构建结构清晰、符合语义的网页内容。通过这些内容，无论是初学者还是有一定经验的开发者，都能从中受益。

资源推荐