不已再是少年

HTML学习:文档使用 vscode的安装

文档的使用:

文档的作用相当于字典,用来查找HTML中标签元素

<!-- 文档声明,声明当前网页的版本-->

<!doctype heml><!-- html的根标签(元素),网页中所有的内容都要写根元素的里边-->

<html>

              <!-- head是网页的头部,head中的内容不会在网页中直接出线,主要用来帮助浏览器或搜索引擎来解析网页-->

          <head> 

              <!--meta标签用来设置网页的元数据,这里meta用来设置网页的字符集,避免乱码问题-->

               <meta charset=“utf-8”>

           </head>

               <!-- title中的内容会显示在浏览器的标题栏,搜索引擎会主要根据title中的内容来判断网页的主要内容-->

               <title> 网页的标题</title>

                                    <!-- body是html的子元素,表示网页的主体,网页中所有的可见内容都应该写在body里-->

                                    <body>

                                                   <!-- h1网页的一级标题-->

                                                   </body>

</html>

zeal :离线文档:查看标签的作用。

百度:W3school:用来查看文档标签。

vscode的安装:下载路径:https://code.visualstudio.com/

VScode的使用:

  • 修改文字:扩展中找到搜索框搜索chinese点击切换
  • 修改vs皮肤:扩展中找到搜索框搜索Ayu点击寻找切换

扩展图标:

 

      注意:开发时尽量不要用中文命名文件

<--作业:1,安装VScode

           2,安装中文语言包
           3,尝试安装ayu主题

           4,将一个目录作为项目目录

           5, 创建一个新的网页

-->

 

 

 

posted on 2021-12-13 15:18  不已再是少年  阅读(63)  评论(0编辑  收藏  举报