HTML第1章(介绍)

概述

HTML (超文本标记语言-H yperT ext M arkup L anguage)是一种用来结构化Web网页及其内容的标记语言。HTML文档由一系列的标签组成,这些标签用来描述页面的各种元素。

HTML 文档结构

一份HTML文件的基本结构如下:

html 复制代码
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta chatset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>页面标题</title>
  </head>
  <body>
    <p>页面内容</p>
  </body>
</html>
  • <!DOCTYPE html>:声明文档的类型,表明该文档是HTML%类型的网页。它帮助浏览器正确解析和渲染HTML文档。
  • <html>:所有HTML内容的根元素。lang属性用于指定页面的语言,有助于搜索引擎优化(SEO)和页面的可访问性。
  • <head>:头部标签,包含不直接显示在页面上的信息,如文档的元数据。该区域通常包含页面标题、字符集、样式和脚本等。
    • <meta>:提供文档元数据的标签。元数据是关于文档的信息,而不直接影响文档的内容。常用于字符集声明、关键词、视口设置、内容安全策略(CSP)。
    • <title>:定义页面的标题,也用于收藏网页的描述文字。通常对SEO有影响。
  • <body>:页面主体部分,所有内容(文本、图片、链接、表单等)都位于此标签内,并在页面上呈现给用户。

以上就是HTML 的简单介绍,从下一章节开始,我们开始介绍一些常见的HTML标签。

相关推荐
Frag0ut10 小时前
Notepad++ 零基础入门:从记事本到代码编辑器的平滑过渡(2026最新版)
python·编辑器·html·json·notepad++·markdown·记事本
用户2986985301411 小时前
Python 实现 HTML 转纯文本:两种场景下的文档模型方案
python·html·api
前端架构师-老李13 小时前
HTML与CSS基础第七课—HTML 中的a标签(跳转链接)
前端·css·html
zhippt_10141 天前
教师做课件太耗时?AI生成PPT工具与图转PPT实测梳理
人工智能·html·powerpoint
winfredzhang2 天前
从零手写一个毛玻璃风格的页面搭建台:单文件 HTML 实现组件放置、面板磁吸与图层管理
前端·html
沫璃染墨2 天前
从零入门计算机网络系列(十一):HTTP协议进阶——从重定向原理到GET/POST与Fiddler抓包
linux·服务器·开发语言·网络·c++·tcp/ip·html
前端架构师-老李2 天前
HTML与CSS基础第五课—HTML的空格、换行、横线相关知识
前端·css·html
echome8882 天前
CSS 布局:Flex 和 Grid 怎么选,附常见坑
前端·css·html
东鹏特饮3 天前
本机状态监控页面html
运维·css·html·css3
软件技术NINI3 天前
基于SpringBoot和Vue的摇滚乐鉴赏网站
vue.js·spring boot·后端·spring·html·毕业设计·毕设