HTML学习笔记1

最新推荐文章于 2025-07-11 21:10:47 发布

佩然于心

最新推荐文章于 2025-07-11 21:10:47 发布

阅读量202

点赞数

CC 4.0 BY-SA版权

分类专栏：前端Web 文章标签： HTML

本文链接：https://blog.youkuaiyun.com/sinat_40302975/article/details/82665406

前端Web 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了HTML的基本概念，包括HTML文档的组成、常用标签及其属性，并强调了如何正确使用标题标签及段落标签等内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Html 超文本标记语言，由标签和纯文本组成

Html文档也被称为网页

编辑器》Notepad

Html元素：

指的是从开始标签（start tag）到结束标签（end tag）的所有代码。

空元素在开始标签中进行关闭（以开始标签的结束而结束）

Html标签：

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如 <html>

Html属性：

属性提供了有关 HTML 元素的更多的信息。

属性值应该始终被包括在引号内

双引号是最常用的

比如属性值本身就含有双引号，那么您必须使用单引号

name='Bill "HelloWorld" Gates'

每个Html元素可使用的合法属性的完整列表：

http://www.w3school.com.cn/tags/index.asp （完整的Html参考手册）

http://www.w3school.com.cn/tags/html_ref_standardattributes.asp （Html标准属性参考手册）

Html标题：

<h1> - <h6> 等标签进行定义的。

注释：浏览器会自动地在标题的前后添加空行。

注释：默认情况下，HTML 会自动地在块级元素前后添加一个额外的空行，比如段落、标题元素前后。

标题很重要/搜索引擎使用标题为您的网页的结构和内容编制索引。

/用标题来呈现文档结构是很重要的。

Html水平线：

<hr /> 标签在 HTML 页面中创建水平线。

用于分隔内容

Html注释：

注释：

条件注释：

<!--[if IE 8]>

.... some HTML here ....

<![endif]-->

条件注释定义只有 Internet Explorer 执行的 HTML 标签。

Html段落：

段落是通过 <p> 标签定义的。

注释：浏览器会自动地在段落的前后添加空行。

提示：使用空的段落标记 <p></p> 去插入一个空行是个坏习惯。用 <br /> 标签代替它！

Html拆行：

即换行

<p>This is<br />a para<br />graph with line breaks</p>

对于 HTML，您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。

Html样式：

style 属性用于改变 HTML 元素的样式。

样式是 HTML 4 引入的，它是一种新的首选的改变 HTML 元素样式的方式。通过 HTML 样式，能够通过使用 style 属性直接将样式添加到 HTML 元素，或者间接地在独立的样式表中（CSS 文件）进行定义。

不赞成使用的标签和属性

即有些标签会被废弃，避免使用。

应该避免使用下面这些标签和属性：

标签	描述
<center>	定义居中的内容。
<font> 和 <basefont>	定义 HTML 字体。
<s> 和 <strike>	定义删除线文本
<u>	定义下划线文本
属性	描述
align	定义文本的对齐方式
bgcolor	定义背景颜色
color	定义文本颜色

对于以上这些标签和属性：请使用样式代替！

背景颜色background-color
字体font-family
颜色color
尺寸size
文本对齐text-align

End