好多人问我,HTML文件是什么?以下从 HTML 文件的基本概念、结构、常用标签等方面,以新手容易理解的方式进行介绍,并给出示例帮助新手看懂 HTML 文件。
1. 什么是 HTML 文件
HTML 即超文本标记语言(HyperText Markup Language),它是用于创建网页的标准标记语言。HTML 文件其实就是一个文本文件,其扩展名为 .html 或 .htm,浏览器可以读取并将其解析显示为网页。
2. HTML 文件的基本结构
一个最简单的 HTML 文件包含以下几个部分:
这是网页的主体内容。
下面对上述代码各部分进行解释:
:这是文档类型声明,告诉浏览器当前文档使用的是 HTML5 标准。不同的 HTML 版本有不同的声明,HTML5 的声明最为简洁。
标签:这是 HTML 文档的根标签,所有的 HTML 内容都要包含在 标签内。它有开始标签 和结束标签 ,成对出现。
标签:用于包含关于网页的元数据,如网页标题、字符编码、引入的外部样式表和脚本等。它里面的内容一般不会直接显示在网页上。
3. 常用 HTML 标签
3.1 标题标签
HTML 提供了 6 级标题标签,从
到 ,数字越小,标题级别越高,字体也越大。
这是一级标题
这是二级标题
这是三级标题
这是四级标题
这是五级标题
这是六级标题
3.2 段落标签
标签用于定义段落,浏览器会在段落前后自动添加一些空白。
这是一个段落。它包含了一些文本内容。
这是另一个段落。每个段落会单独显示。
3.3 链接标签
标签用于创建超链接,通过 href 属性指定链接的目标地址。
3.4 图片标签
标签用于在网页中插入图片,通过 src 属性指定图片的路径。
其中,alt 属性是图片的替代文本,当图片无法显示时,会显示该文本。
4. HTML 文件的注释
在 HTML 中,可以使用 来添加注释,注释内容不会在浏览器中显示,主要用于开发者对代码进行说明。
这是一个段落。
通过以上对 HTML 文件基本结构和常用标签的介绍,新手应该能够初步看懂简单的 HTML 文件了。可以将上述代码复制到文本编辑器中,保存为 .html 文件,然后用浏览器打开,查看实际的显示效果。