主机窝 主机窝
  • 首页
  • 云服务器
    • 国内VPS
    • 海外VPS
  • 独立服务器
    • 国内服务器
    • 海外服务器
  • CDN服务
    • 备案CDN
    • 免备案CDN
  • 主机测评
  • 优惠活动
  • 品牌推荐
  • 技术教程
    • 源码分享
    • 建站教程
    • 面板教程
    • 系统教程
  • 站务须知
    • 本站声明
    • 投稿方式
    • 友链申请
    • 投放广告
  • 首页
  • 云服务器
    • 国内VPS
    • 海外VPS
  • 独立服务器
    • 国内服务器
    • 海外服务器
  • CDN服务
    • 备案CDN
    • 免备案CDN
  • 主机测评
  • 优惠活动
  • 品牌推荐
  • 技术教程
    • 源码分享
    • 建站教程
    • 面板教程
    • 系统教程
  • 站务须知
    • 本站声明
    • 投稿方式
    • 友链申请
    • 投放广告
首页 技术教程 建站教程 前端基础 — 如何配置Html环境

前端基础 — 如何配置Html环境

星辰 2022年07月16日 11:31
前端基础 — 如何配置Html环境-主机窝

Html介绍

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。 

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

Html前端环境部署

浏览器的选择:推荐使用谷歌浏览器和火狐浏览器

安装编辑器

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

以VSCode安装方法为例

VSCode下载地址:点击下载
下载完成后安装软件,注意安装过程中尽量不要安装到C盘。
安装完成打开软件按住Ctrl+SHift+x`打开插件安装,搜索`Chinese`点击`Install完成后重启下软件即可切换到中文。

如何创建一个html文件?

1.Html插件安装

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

2.如何创建html文件

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

安装实时更新插件

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

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>h1-h6标签的使用</title>
</head>
<body>
        <h1>Hello World</h1>
        <hr>
        <h2>Hello World</h2>
        <hr>
        <h3>Hello world</h3>
        <hr>
        <h4>Hello World</h4>
        <hr>
        <h5>Hello world</h5>
        <hr>
        <h6>Hello workld</h6>
</body>
</html>

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

#Html#前端
0
星辰
用心写好每一篇文章,在建站中体验新的乐趣,学习运维技巧,分享更多性价比高的机器与活动。
猜你喜欢
  • OpenWrt - 编译OpenWrt新Web (oui) 方法及教程
  • 氢助手全开源,多合一云任务全开源,包括云端核心程序全开源,有能力的人可以自己进行二次开发与学习
  • 【原创】什么是网站?WEB1.0、2.0、3.0是什么?当网站站长去运维网站,究竟有什么收获?​做一件事情很久到底为了什么?
  • 香港、美国、日本、韩国、台湾 站群服务器,站群服务器介绍,站群服务器优点,站群服务器厂商推荐
  • 韩国私人VPS - 什么是韩国私人VPS?韩国VPS优势及选择注意事项,有哪些韩国VPS商家值得推荐?
热门文章
OpenWrt - 编译OpenWrt新Web (oui) 方法及教程
2月 前
【原创】什么是网站?WEB1.0、2.0、3.0是什么?当网站站长去运维网站,究竟有什么收获?​做一件事情很久到底为了什么?
3月 前
香港、美国、日本、韩国、台湾 站群服务器,站群服务器介绍,站群服务器优点,站群服务器厂商推荐
3月 前
热门标签
  • 香港服务器 25
  • 高防服务器 14
  • 香港CN2 13
  • 双十一活动 12
  • CDN 11
  • 美国服务器 11
  • 香港BGP 9
  • 香港VPS 8
  • 壹盾 6
  • 大宽带服务器 5
  • 投放广告
  • 友链申请
  • 本站声明
  • 投稿方式
Copyright © 2022-2023 主机窝. Operation By 茶烹兔网络工作室.
本站不销售产品、不代购、不提供技术支持,仅分享信息,请遵纪守法、文明上网。
本站托管于壹盾安全云并由壹盾安全提供防御
ICP备案号:鲁ICP备2022006706号