当前位置:首页 > 技术文章 > 正文内容

前端开发基础课分享1--教你写第一个网页,开启前端大神之路


HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML,菜鸟教程为大家推荐几款常用的编辑器:

VS Code:https://code.visualstudio.com/

Sublime Text:http://www.sublimetext.com/

你可以从以上软件的官网中下载对应的软件,按步骤安装即可。

接下来我们将为大家演示如何使用 VS Code 工具来创建 HTML 文件,其他两个工具操作步骤类似。

VS Code

Visual Studio Code(简称 VS Code)是一个由微软开发,同时支持 Windows 、 Linux 和 macOS 等操作系统且开放源代码的代码编辑器,编辑器中内置了扩展程序管理的功能。

步骤 1: 新建 HTML 文件

在 VS Code 安装完成后,选择" 文件(F)->新建文件(N) ",在新建的文件中输入以下代码:



步骤 2: 另存为 HTML 文件


然后选择" 文件(F)->另存为(A) ",文件名为 runoob.html:

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好,我建议统一用 .html。

在一个容易记忆的文件夹中保存这个文件,比如 runoob

步骤 3: 在浏览器中运行这个 HTML 文件

然后鼠标右击编辑器上的文件名,选择在默认浏览器打开(也可以其他的浏览器):


运行显示结果类似如下:


扫描二维码推送至手机访问。

版权声明:本文由AR编程网发布,如需转载请注明出处。

本文链接:http://www.arlanguage.com/post/4245.html

标签: 菜鸟教程c语言编译器
分享给朋友:
返回列表

上一篇:HTML/CSS自学指南:小白如何用代码搭建属于自己的酷炫网页?

下一篇:unity3d开发教程-初始unity(unity3d开发流程)

“前端开发基础课分享1--教你写第一个网页,开启前端大神之路” 的相关文章

Linux新手入门系列:安装nginx

本系列文章是把作者刚接触和学习Linux时候的实操记录分享出来,内容主要包括Linux入门的一些理论概念知识、Web程序、mysql数据库的简单安装部署,希望能够帮到一些初学者,少走一些弯路。注意:Linux下区分大小写;Linux多用户多线程;Linux下每个文件和目录都有访问权限;安装nginx...

Docker安装Nginx教程使用实战教程

课件视频教程地址:Docker安装NginxDocker最新全部教程:Docker最新全系列教程Docker安装基本安装(不带数据卷)拉取Nginx镜像docker pull nginx:latest查看本地镜像列表(即可看到nginx)docker images运行容器docker run --n...

解决Apache 2.4+PHP5.6不支持CURL

跑一个demo,突然发现,服务器上最普通的Apache 2.4+PHP5.6组合,不支持curl,报告没有curl_init函数;而php.ini里面已经打开了php_curl.dll,而且php -i的输出是正常的,说明curl是可以执行的。折腾了半天百思不得其解,最后索性把php5.6、apac...

Nginx 最全操作——nginx配置(2)

nginx 配置基本结构main # 全局配置,对全局生效 ├── events # 配置影响 nginx 服务器或与用户的网络连接 ├── http # 配置代理,缓存,日志定义等绝大多数功能和第三方模块的配置 │ ├── upstream # 配置后端服务器具体地址,负...

Nginx核心指令if和set入门

下述介绍的指令均在nginx.conf配置文件中设置,该配置文件的整体结构见:Nginx中nginx.conf配置文件详解1.if指令(1)含义nginx用于条件判断(2)作用域在server、location块中设置,并起作用(3)设置方法1)运算符:=、!=,用来与字符串和变量进行比较判断是否相...

nginx四层转发:nginx配置ftp反向代理

#nginx转发控制线路server {#nginx代理端口 listen 21212; proxy_timeout 120s; proxy_connect_timeout 120s; proxy_pass fx_ftp; } upstream fx_ftp{ hash $remote_addr c...