初识HTML

最新推荐文章于 2025-05-20 20:37:32 发布

lingxiaoxing

最新推荐文章于 2025-05-20 20:37:32 发布

阅读量120

点赞数

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

本文链接：https://blog.youkuaiyun.com/m0_46471322/article/details/127097944

版权

HTML 专栏收录该内容

4 篇文章

订阅专栏

HTML简介

1.什么是HTML

HTML的全称为[超文本标记语言，是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等等！

2.HTML中的标签

2.1HTML中标签的分类

按照闭合特征

1.单标签：由一个标签< />组成，比如换行便签 <br>,水平线便签<hr>

2.双标签：由开始标签 <>和结束标签"< />"组成，例如文字段落标签<p></p>
按照标签格式分类
- 行内块元素: （1）. 不自动换行（2）. 能够识别宽高（3）. 默认排列方式为从左到右
- 块标签：（1）. 独占一行（2）. 继承父级属性（3）. 可以设置宽高　　比如：div、p、ul、li、ol等
- 行标签：（1）. 只占他本身部分（2）. 继承父级属性（3）. 不能设置宽高　　比如：i、input、label、select、span等

2.2常见的标签

3.第一个网页编写

首先我们打开创建一个文本文档test.txt，在文档中输入

可以看出，我们使用的标签html中包含一个head标签以及body标签，任何的html里面都包含着两个标签，<title>是网页的标题标签。而<h1>则是标题标签，<p>是段落标签。这些常用的便签下面会有详细的介绍！接下来把文件保存，后缀改成html，如下图

文档就变成了浏览器的图标，这里推荐使用google浏览器，然后打开这个文件！

可以看出我们所编写的程序就运行出来了，当然，我们在学习的过程中不可能只去使用记事本去编写网页，在接下来会使用一些主流的网页开发工具，Vscode，HBuilderX等！

4.标签中的属性

在常见的标签中，我们可以对标签添加一些属性，来是标签达到我们想要实现的预期，例如给标签添加一个名称，标签中的内容实现左对齐，居中或者更改便签中的背景，颜色等等！后面会有介绍！

<标签 属性="" 属性=""> 标签中的属性书写方式

5.关于声明文档

<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。
<!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。
在 HTML 4.01 中，<!DOCTYPE> 声明需引用 DTD （文档类型声明），因为 HTML 4.01 是基于 SGML （Standard Generalized Markup Language 标准通用标记语言）。DTD 指定了标记语言的规则，确保了浏览器能够正确的渲染内容。
HTML5 不是基于 SGML，因此不要求引用 DTD。