HTML 第一节HTML的结构-优快云博客

本文链接：https://blog.youkuaiyun.com/HelloWord176/article/details/100051637

本文深入讲解了前端开发的三大核心技术：HTML用于构建网页内容，CSS负责页面样式美化，而JavaScript则实现用户交互特效。此外，还详细介绍了HTML的基本结构及其标签使用规范。

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

一、前端的三项技术：

1. HTML：提供页面的内容，网页内容的载体；结构层

2. CSS：提供页面的样式，会对页面的内容做一些美化和修饰；表现层

3. JS（javascript）：是用来实现特效的，可以实现用户的交互；行为层

二、HTML的结构：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML的结构</title>
</head>
<body>
    
</body>
</html>

1.doctype 是 document type（文档类型）的简写，在web设计中是用来说明你用的是XHTML还是HTML，一般写在网页的最顶部。

2.以<html>开始，以</html>结束；

3. HTML的标签内部分为两大类，head和body；

4. head 里面分为两个重点标签，meta 和 title；

meta：里面的一个属性 charset 主要是用来声明网页的编码，防止页面出现乱码；

title ：主要是用来写网页的标题！

5. body 里面主要是写网页中的内容；

三、HTML的标签

HTML中分为双标签和单标签，双标签：HTML head title body 单标签：meta

四、注释

在sublime中，注释的快捷键是ctrl + / ,是用来让程序员自己看的，方便团队合作好区分，不会被用户看见！