前端---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. 小结

相关推荐
还是鼠鼠19 分钟前
Node.js 如何发布一个 NPM 包——详细教程
前端·vscode·npm·node.js
kiro_102319 分钟前
【ESP32S3】esp32获取串口数据并通过http上传到前端
前端·网络协议·http
鎏年_2 小时前
Vue2项目打包后,某些图片被转换为base64导致无法显示
前端·javascript·vue.js
康6203 小时前
vue2中引入elementui
前端·javascript·elementui
听风说雨的人儿3 小时前
ElementUI时间选择、日期选择
前端·javascript·elementui
wfsm5 小时前
React多层级对象改变值--immer
前端·javascript·react.js
沐土Arvin5 小时前
Chrome Performance 面板完全指南:从卡顿到丝滑的终极调试术
前端
少年姜太公7 小时前
一个半小时的腾讯一面,人麻了
前端·javascript·面试
Jiaberrr7 小时前
Vue3 实战:基于 mxGraph 与 WebSocket 的动态流程图构建
前端·javascript·vue.js·websocket·流程图
资深前端攻城狮7 小时前
el-tree-select选项数据无法回显
前端·vue.js·elementui