前端---html 的基本结构

1. 结构代码

XML 复制代码
<!DOCTYPE html>
<html>
    <head>            
        <meta charset="UTF-8">
        <title>网页标题</title>
    </head>
    <body>
          网页显示内容
    </body>
</html>
  1. 第一行<!DOCTYPE html>是文档声明, 用来指定页面所使用的html的版本, 这里声明的是一个html5的文档。
  2. <html>...</html>标签是开发人员在告诉浏览器,整个网页是从<html>这里开始的,到<html>结束,也就是html文档的开始和结束标签。
  3. <head>...</head>标签用于定义文档的头部,是负责对网页进行设置标题、编码格式以及引入css和js文件的。
  4. <body>...</body>标签是编写网页上显示的内容。

2. 浏览网页文件

网页文件的后缀是**.html** 或者**.htm** , 一个html文件就是一个网页,html文件用编辑器打开显示的是文本,可以用文本的方式编辑它,如果用浏览器打开,浏览器会按照标签描述内容将文件渲染成网页。

3. 小结

相关推荐
GISer_Jing5 分钟前
前端开发:提示词驱动的全链路
前端·javascript·aigc
辛-夷8 分钟前
TS封装axios
前端·vue.js·typescript·vue·axios
Swift社区21 分钟前
Vue Router 越写越乱,如何架构设计?
前端·javascript·vue.js
大布布将军24 分钟前
⚡️ 后端工程师的护甲:TypeScript 进阶与数据建模
前端·javascript·程序人生·typescript·前端框架·node.js·改行学it
程序员小易1 小时前
前端轮子(1)--前端部署后-判断页面是否为最新
前端·vue.js·node.js
xiaoxue..1 小时前
列表转树结构:从扁平列表到层级森林
前端·javascript·算法·面试
小oo呆1 小时前
【自然语言处理与大模型】LangChainV1.0入门指南:核心组件Agent
前端·javascript·easyui
Hao_Harrision2 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨ | DrawingApp(画板组件)
前端·react.js·typescript·tailwindcss·vite7
dly_blog2 小时前
Vite 原理与 Vue 项目实践
前端·javascript·vue.js
顾安r2 小时前
11.20 脚本网页 数学分支
算法·数学建模·html