HTML入门教程：基础标签与特性解析

需积分: 10 77 浏览量更新于2024-09-12 1 收藏 8KB TXT 举报

"这是一份关于网页自学的笔记，涵盖了HTML的基础内容，旨在帮助学习者快速上手。" 在这份笔记中，我们首先接触的是HTML的基本结构，它由`<html>`标签包裹整个文档，而`<body>`标签则包含了网页的主体内容。`<h1>`到`<h6>`标签用于创建六级标题，``标签则是段落的基本元素。在HTML中，某些元素如` `用于换行，不需闭合，而大部分元素需要开始标签和结束标签，例如``和``。接着，笔记讲解了如何使用`<a>`标签创建链接，通过`href`属性指定目标URL，例如：`<a href="http://www.w3school.com.cn">This is a link</a>`。`<img>`标签用于插入图片，其`src`属性指定了图片源地址。 HTML中的空元素，如` `，它们没有结束标签，但为了语义完整，通常在开始标签后添加斜杠`/`。此外，`<hr/>`标签用于创建水平线，而``, ``, ``, ``, ``, ``, ``, `<del>`, `<ins>`, `<s>`, `<strike>`等元素用于文本的样式控制，如加粗、斜体、下划线等。在段落和换行方面，``标签是基本段落元素，通过` `可以实现行内换行。示例代码：`This is a paragraph with line breaks`。此外，`<pre>`标签用于保留原始的空白字符，呈现固定格式的文本。笔记还提到了一些其他元素，如`<abbr>`用于缩写，`<acronym>`处理首字母缩写，`<address>`用于显示联系信息，`<bdo>`用于改变文本方向，`<blockquote>`用于引用大段内容，`<q>`用于短引号，`<cite>`表示作品的名称，`<dfn>`标记定义术语的首次出现。最后，笔记介绍了CSS（层叠样式表）在HTML中的应用，如设置背景颜色`background-color`，字体家族`font-family`，文字颜色`color`，字号`font-size`，以及文本对齐方式`text-align`。这些属性可以帮助我们更精细地控制页面的外观和布局。这份“网页自学笔记”是初学者入门HTML的理想资源，它详细介绍了HTML的基本元素和样式控制，让学习者能够快速掌握网页制作的基础知识。

html笔记

1、<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
 与 之间的文本被显示为段落
2、某些 HTML 元素没有结束标签，比如 
3、HTML 标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。
4、HTML 段落是通过 标签进行定义的。
5、HTML 链接是通过 <a> 标签进行定义的。
实例：<a href="http://www.w3school.com.cn">This is a link</a>
6、HTML 图像是通过 <img> 标签进行定义的。
7、HTML 元素指的是从开始标签（start tag）到结束标签（end tag）的所有代码。
8、HTML 元素语法：
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性
9、 就是没有关闭标签的空元素（ 标签定义换行）。
10、在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。
11、html属性总是在 HTML 元素的开始标签中规定。
12、始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。
在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号
13、<hr /> 标签在 HTML 页面中创建水平线。
14、如果您希望在不产生一个新段落的情况下进行换行（新行），请使用 标签：
This is a para graph with line breaks
15、当显示页面时，浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是，HTML 代码中的所有连续的空行（换行）也被显示为一个空格。

剩余6页未读，继续阅读

shuijingzi1991

粉丝: 0
资源: 1

HTML入门教程：基础标签与特性解析

HTML网页学习笔记：Switch与日期逻辑实战

有道云笔记网页插件：提升Chrome浏览器笔记效率

HTML/CSS/JS网页设计学习笔记与实践项目

制作包含文字列表的文本网页学习笔记

html自学网页笔记

机器学习网页版笔记

CSS网页布局学习笔记

css网页布局学习笔记

CSS网页布局学习笔记光盘

SourceCodeSummary:学习笔记（艺术专题，二进制摘要，面试专题，性能优化，常用插件，学习理解笔记，常用网页文档笔记）

最新资源