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标签

相关推荐
百度网站快速收录9 小时前
网站快速收录:如何优化网站头部与底部信息?
前端·html·百度快速收录·网站快速收录
大模型铲屎官11 小时前
HTML从入门到精通:链接与图像标签全解析
开发语言·前端·javascript·html·编程·链接标签·图像标签
大模型铲屎官11 小时前
HTML 列表标签全解析:无序与有序列表的深度应用
前端·javascript·html·有序列表·列表标签·无序列表
engchina11 小时前
深入解析:一个简单的浮动布局 HTML 示例
前端·css·html
大模型铲屎官19 小时前
HTML常见文本标签解析:从基础到进阶的全面指南
前端·css·html·编程·html5·文本标签
爱掉发的小李20 小时前
JavaScript网页设计案例(任务管理器)
前端·javascript·css·html·css3
LCG元2 天前
Vue.js组件开发-实现HTML内容打印
前端·vue.js·html
山禾女鬼0012 天前
深入探索 HTML5 拖拽效果 API:打造流畅交互体验
前端·html·html5
我命由我123452 天前
前端性能优化指标 - DCL(触发时机、脚本对 DCL 的影响、CSS 对 DCL 的影响)
开发语言·前端·javascript·css·性能优化·html·js
PythonFun2 天前
如何用大语言模型做一个Html+CSS+JS的词卡网站
css·语言模型·html