Blogger Information
Blog 14
fans 2
comment 1
visits 7998
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
html基础:html前端环境部署
梦想
Original
887 people have browsed it

html前端环境部署

浏览器的选择

推荐使用谷歌浏览器火狐浏览器

安装编辑器

  1. 常用编辑器:
  2. VSCode phpstorm webstorm
  3. sublime Text adobe Dreamweaver

以VSCode安装方法

<a href="https://az764295.vo.msecnd.net/stable/30d9c6cd9483b2cc586687151bcbcd635f373630/VSCodeUserSetup-x64-1.68.1.exe">点击下载</a>
下载完成后安装软件,注意安装过程中尽量不要安装到C盘。
安装完成打开软件按住Ctrl+SHift+x打开插件安装,搜索Chinese点击Install完成后重启下软件即可切换到中文。

如何创建一个html文件?

1.html插件安装

按住Ctrl+SHift+x打开插件安装,搜索HTML CSS Support点击Install完成后重启软件

2.如何创建html文件

点击左上角文件-新建文本文件-Ctrl+s保存-输入以HTML结尾的文件名(如dome1.html)

安装实时更新插件

按住Ctrl+SHift+x打开插件安装,搜索Live server点击Install完成后重启软件
打开html文件写完代码

  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>h1-h6标签的使用</title>
  8. </head>
  9. <body>
  10. <h1>Hello World</h1>
  11. <hr>
  12. <h2>Hello World</h2>
  13. <hr>
  14. <h3>Hello world</h3>
  15. <hr>
  16. <h4>Hello World</h4>
  17. <hr>
  18. <h5>Hello world</h5>
  19. <hr>
  20. <h6>Hello workld</h6>
  21. </body>
  22. </html>

右键Open with Live Server选择浏览器自动跳转,这时发现写的代码和浏览器是实时更新的。

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!