01html的基本介绍

JiayinX

已于 2022-03-21 22:17:19 修改

阅读量473

点赞数

分类专栏： Web前端技术--从入门到实战文章标签： html5

于 2022-03-20 21:56:18 首次发布

本文链接：https://blog.csdn.net/m0_51453764/article/details/123622029

版权

Web前端技术--从入门到实战专栏收录该内容

4 篇文章 0 订阅

订阅专栏

这篇博客介绍了HTML的基本概念，它是一种用于构建Web页面结构的标记语言。文章通过一个简单的PyCharm中创建HTML页面的例子，展示了HTML的基本结构，包括文档类型声明、根元素、头部和主体标签，以及元数据和标题的设置。此外，还提到了HTML标签的特点和类型。

摘要由CSDN通过智能技术生成

HTML的基本介绍

HTML是超文本标记语言，属于一种标记语言，而不是编程语言，用来描述Web页面的结构。HTML使用元素（即标签）来描述网页。
一般来说，HTML元素由三个部分组成：开始标记、内容和结束标记。
今后的介绍都是基于python的web前端内容，使用PyCharm软件来创建html文件。PyCharm软件的使用不做详细介绍了，这个大家自己查找相关内容进行学习。
在PyCharm中创建一个html文件，其基本页面如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>

</body>
</html>

该页面标签的基本介绍如下：

<!--文档类型声明-->
<!--HTML中注释也是ctrl+/-->
<!DOCTYPE html>
<!--根元素-->
<!--开放标签-->
<!--<html lang="zh-CN">--> <!--去掉提示，中文网页-->
<html lang="en"><!--英文网页，提示是否转换成中文-->
<!--头部标签，引入脚本文件或者CSS文件-->
<head>
<!--    定义网页编码格式-->
    <meta charset="UTF-8">
<!--    文档标题-->
    <title>Title</title>
<!--    标签关系：包含关系（父子关系）  并列关系（兄弟关系）-->
</head>
<body>

<!--可视化区域，进行内容的设计-->
我是一个网页

</body>
</html><!--结束标签-->

<!--标签特点：标签都是由尖括号包裹关键字组成-->
<!--标签不区分大小写，html5规定必须小写-->
<!--单标签：自闭合标签 meta-->
<!--双标签：<head> 、<html>  第一个是开放标签（开始标签）  </html>、</head>带斜杠，第二个是闭合标签（结束标签）-->