web前端HTML基础（一）——基本框架

最新推荐文章于 2024-06-06 23:10:38 发布

山坊

最新推荐文章于 2024-06-06 23:10:38 发布

阅读量403

点赞数 10

文章标签：前端

本文链接：https://blog.csdn.net/m0_74298002/article/details/135717329

版权

使用的Visual Studio Code

在HTML里需要使用html的规则和格式，可以使用英文下的‘!’再按回车进行基本框架的快捷补全。

具体如下

 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
 </head>
 <body>
    
 </body>
 </html>

至于各部分是干什么用的

<!-- <!DOCTYPE html> -->
<!DOCTYPE html><!-- 基本骨架 -->
<html>
    <head><!-- head标签是给浏览器表示的 -->
        <meta charset="UTF-8"><!-- ：meta是单标签--meta标签用来描述一个HTML网页文档的属性——TUTF-8是编码格式，还有‘gbk’格式等 -->
        <title>   </title><!-- 可定义文档的标题;显示在浏览器窗口的标题栏上——在head标签里 -->
        <body><!-- body是给用户看的 -->
            
        </body>
    </head>
</html>
<!-- SEO:SEO优化，给搜索引擎里的网站进行排序 -->
<!-- 用！得出来的↓ -->
<!DOCTYPE html>
<html lang="en"><!-- en代表的是使用的语言是英语 -->
<head>
    <meta charset="UTF-8"><!-- 暂时无用 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0"><!-- 暂时无用 -->
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<!-- Vscode的快速浏览器插件：
    -扩展-搜索open in browser-安装
 -->

使用进行注释；

快捷键：

!+Enter 初始规格

control+‘/’ 注释快捷键

control+S 进行保存（这步很重要）

control+Z 返回上一步

control+alt+L 进行格式化（让代码更加规整）

Ctrl + Space 快速显示代码补全提示

以上就是HTML的基本框架啦

山坊

关注

10
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
web前端HTML基础（一）——基本框架

在HTML里需要使用html的规则和格式，可以使用英文下的‘!’再按回车进行基本框架的快捷补全。control+alt+L 进行格式化（让代码更加规整）control+S 进行保存（这步很重要）Ctrl + Space 快速显示代码补全提示。control+‘/’ 注释快捷键。+Enter 初始规格。control+Z 返回上一步。-- -->进行注释；以上就是HTML的基本框架啦。至于各部分是干什么用的。
复制链接

扫一扫