HTML基础知识速览：文档结构与常用标签

需积分: 50 16 浏览量更新于2024-09-05 2 收藏 50KB DOC 举报

"该文档是关于HTML基础知识点的总结，主要涵盖了HTML文档的基本结构、标题标签、文字属性、特殊符号、行控制、图片插入以及文字布局等方面的内容。适合初学者学习和参考。" HTML（HyperText Markup Language）是网页开发的基础，它定义了网页的结构和内容。以下是对HTML关键知识点的详细解释： 1. **HTML文档结构**：一个基本的HTML文档由`<!DOCTYPE html>`声明开始，告知浏览器文档类型为HTML5。接着是`<html>`元素，它是整个文档的根元素。`<head>`部分包含元信息，如字符编码（`<meta charset="..." />`）和页面标题（`<title>`）。`<body>`部分则包含实际的网页内容。 2. **标题标签**：`<h1>`到`<h6>`用于创建不同级别的标题，`<h1>`是最重要的一级标题，`<h6>`是最低的一级标题，通常用于子标题或细节描述。 3. **字体标签**：`<font>`标签虽然在HTML5中已不推荐使用，但在旧的HTML版本中，它可以用来设定文字的大小（`size`），颜色（`color`）和字体类型（`face`）。 4. **特殊符号**：HTML提供了特殊的字符实体，如` `表示空格，`>`代表大于号，`<`代表小于号，`"`代表双引号，`©`代表版权符号。这些实体用于在HTML中直接插入这些特殊字符，避免与HTML代码混淆。 5. **行的控制**：`<p>`标签用于创建段落，`<br>`标签用于强制换行。`<p>`标签还可以通过`align`属性设置段落的对齐方式（左对齐、右对齐或居中）。 6. **图片标签**：`<img>`标签插入图片，`src`属性指明图片的URL，`width`和`height`设置图片尺寸，`alt`提供替代文字，`align`控制图片位置，`border`定义图片边框宽度。 7. **文字布局**： - **水平线**：`<hr>`标签创建水平线，可通过`size`调整线条厚度，`width`设置宽度，`color`指定颜色。 - **有序列表**：`<ol>`标签创建有序列表，`type`属性可以设置序号样式（数字、大写字母、小写字母、罗马数字等），每个列表项用`<li>`包裹。 - **无序列表**：`<ul>`标签创建无序列表，每个列表项同样用`<li>`标签包围。以上就是HTML基础的一些核心知识点。掌握这些基础，就能构建基本的静态网页。在实际的Web开发中，还会涉及到更复杂的布局、表单、链接、框架等高级特性。对于初学者来说，理解并熟练运用这些基础知识是迈向更深入学习的关键步骤。

HTML 知识点总结

第一章：知识总结

1. <b>HTML 文档结构</b>（括号里面的是注释）

<!DOCTYPE html >

*注：<!DOCTYPE> 标签没有结束标签！

<html >

<head>（头部部分）

<title>显示在浏览器标题栏中的标题</title>

</head>

<body>（主体部分）

（页面内容）

</body>

</html>

标签<body>中的属性有：

bgcolor=颜色（背景颜色） background=图片的绝对路径或相对路径（背景图片）

2. 标题标签<Hn></Hn> n 取 1~6（设置文字标题）：

1) <H1>一级标题</H1>

2) <H2>二级标题</H2>

3) <H3>三级标题</H3>

4) <H4>四级标题</H4>

5) <H5>五级标题</H5>

6) <H6>六级标题</H6>

3.<font></font>标签（设置文字属性）

<font size="字体大小" color="字体颜色" face="字体类型">要设置的文字</font>

下载后可阅读完整内容，剩余6页未读，立即下载

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

30元优惠券

ly945614051

粉丝: 0

HTML基础知识速览：文档结构与常用标签

"2023年web前端开发知识点总结：HTML、CSS、JavaScript

"HTML标签及常用属性总结-Web前端知识点

HTML文档压缩技术解析与应用

HTML基础知识点总结.doc

HTML基础知识点总结.doc编程资料

2023年HTML基础知识点总结.doc

JAVA基础知识点总结.doc

javaWeb知识点总结.doc

Web前端知识点总结.doc

山东专升本计算机excel知识点总结..doc

最新资源