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

相关推荐
Fleshy数模6 小时前
零基础玩转HTML:核心标签与页面构建
python·html
siwangdexie_new6 小时前
html格式字符串转word文档,前端插件( html-docx-js )遇到兼容问题的解决过程
前端·javascript·html
Surplusx7 小时前
运用VS Code前端开发工具完成微博发布案例
前端·html
外派叙利亚7 小时前
uniapp canvas 自定义仪表盘 可滑动 可点击 中间区域支持自定义
前端·javascript·uni-app·html
plmm烟酒僧8 小时前
《微信小程序demo开发》第一部分-编写页面逻辑
javascript·微信小程序·小程序·html·微信开发者工具·小程序开发
摇滚侠8 小时前
html,生成一个五行五列的表格,第三列边框是红色,其余列边框是黑色
前端·html
RFCEO9 小时前
HTML元素+网页布局区块概念汇总表
前端·html·html编程基础课·html元素汇总表·html元素位置展示
_OP_CHEN9 小时前
【前端开发之CSS】(六)CSS 弹性布局(Flex)完全指南:从入门到精通,搞定所有布局需求
前端·css·html·flex布局·弹性布局·界面美化·页面开发
夏幻灵9 小时前
HTML中路径符号.和/详解
前端·html
Stara05119 小时前
微信小程序配置与导航深度指南—全局/页面配置解析与高效传参策略V1.2
javascript·微信小程序·html·模块化开发·页面导航·wxs脚本·小程序api