掌握HTML：超文本标记语言基础教程

需积分: 10 15 浏览量更新于2024-07-25 收藏 76KB DOCX 举报

"这是一个关于HTML（超文本标记语言）的完整教程笔记，涵盖了基本概念、文件结构和元素的介绍。" HTML（超文本标记语言）是创建网页的基础，它定义了网页的结构和内容。HTML文件由文本内容和一系列的标记（Tag）组成，这些标记告诉浏览器如何呈现内容。HTML文件通常以.htm或.html为扩展名，可以通过任何文本编辑器进行编写。 HTML文件的基本结构由开始标签`<html>`和结束标签`</html>`包裹整个文档。在`<html>`标签内有两个主要部分：`<head>`和`<body>`。`<head>`部分包含了不直接显示在页面上的元数据，如网页标题、字符编码、CSS样式表链接、JavaScript脚本引用等。而`<body>`部分则包含了网页的可见内容，如文本、图片、链接等。在`<head>`标签中，`<title>`标签用于定义浏览器顶部标题栏显示的网页标题。例如： ```html <head> <title>网页标题</title> </head> ``` `<body>`内的标记用于定义页面上的具体元素。例如，``标签可以将文本设置为粗体： ```html <body> 这是一段普通的文本。这段文本是粗体 </body> ``` HTML元素通常由一对标签构成，如``和``，称为 opening tag 和 closing tag。有些元素（如`<img>`）是自闭合的，不需要关闭标签。 HTML元素分为不同的类型，如块级元素（block-level elements）和内联元素（inline elements）。块级元素如``（段落）、`<div>`（分组内容）会占据一整行，而内联元素如``、`<a>`（链接）只占据它们内容所需的宽度。元素的属性（attributes）可以提供额外的信息，例如`<a>`元素的`href`属性指定链接的目标地址。 HTML元素的大小、颜色、布局等样式通常通过CSS（Cascading Style Sheets）来控制，而交互性和动态功能则依赖于JavaScript。HTML5是HTML的最新版本，增加了许多新的元素和功能，如`<video>`（视频）、`<audio>`（音频）、`<canvas>`（画布）等，以支持更丰富的媒体和交互体验。学习HTML是网页设计和开发的基础，掌握了HTML，你就能创建出结构清晰、内容丰富的网页，并能与CSS和JavaScript结合，实现更复杂的网页设计和交互效果。

<ins>

文字下划线表示插入

下标

上标

缩进表示引用

<pre>

保留空格和换行

<code>

表示计算机代码，等宽字体

示例

HTML

常用的格式

Tag

这个示例用了上述 Tag，你可以对比一下 HTML 的显示结果。

如何看 HTML 的源代码

在浏览器看到的 HTML 网页，是浏览器解释 HTML 源代码后产生的结果。

要查看这个 HTML 的源代码，有两种方法。一是点击鼠标右键，点击 View Source(查看

源文件)命令；二是选择浏览器菜单 View(查看)中的 Source(源文件)命令。

利用 View Source 得到网页的源代码，你可以由此借鉴一下别人写得好的地方。不过在

你对 HTML 知识尚少的情况下，看别人复杂的 HTML 源代码，只会让你头晕。建议你还是

再等等，先掌握一些基础再说

HTML 特殊字符显示

HTML 字符实体(Character Entities)

有些字符在 HTML 里有特别的含义，比如小于号<就表示 HTML Tag 的开始，这个小于号

是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么

办呢？

这就要说到 HTML 字符实体(HTML Character Entities)了。

一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫

ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是

一个分号。

比如，要显示小于号，就可以写<或者<。

用实体(Entity)名字的好处是比较好理解，一看 lt，大概就猜出是 less than 的意思，但是

其劣势在于并不是所有的浏览器都支持最新的 Entity 名字。而实体(Entity)编号，各种浏

览器都能处理。

注意：Entity 是区分大小写的。

如何显示空格

通常情况下，HTML 会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比

如你在两个字之间加了 10 个空格，HTML 会截去 9 个空格，只保留一个。为了在网页中

增加空格，你可以使用 表示空格。

剩余17页未读，继续阅读

XD攻城师

粉丝: 1
资源: 14

掌握HTML：超文本标记语言基础教程

html 5 学习教程笔记.zip

HTML+CSS+JavaScript教程学习笔记.zip

HTML基础教程笔记

SpringBoot学习笔记完整教程

网页设计HTML代码教程笔记.pdf

Spring Boot 学习笔记完整教程new

毕向东HTML_CSS_JavaScript教程笔记

Web前端HTML视频教程课堂笔记

Python爬虫基础教程完整纠错笔记

HTML/CSS/JavaScript入门教程笔记

最新资源