首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >web前端开发01-编辑器的安装和第一个网页

web前端开发01-编辑器的安装和第一个网页

原创
作者头像
用户7271996
修改2021-08-23 12:01:43
修改2021-08-23 12:01:43
4430
举报
文章被收录于专栏:cc

web开发用于网站开发,小程序开发。主要的语言有HTML5 css3 JavaScript php asp

HTML5用于搭建网页的框架

css3和JavaScript用于网页的美化

php asp用于动态网站

一、下载visual studio code

https://code.visualstudio.com/

二、visual studio code优化

1.调整语言为中文

Ctrl+shift+P

输入configure display language

选择Addition language

安装中文简体

然后重启vs code

2.安装live server

二写代码

1.打开存放代码的文件夹

将文件命名为index.html在实际情况中index经常被设置为网站的主页

代码语言:javascript
复制
<!DOCTYPE html>
<head>
<title>第一个网页</title>
</head>
<body>
<h1>HELLO WORLD</h1>
</body>

</html>

各代码的含义

代码语言:javascript
复制
<!DOCTYPE html>  HTML5的标识,目前HTML
代码语言:javascript
复制
</html>   是HTML的结束标志标识HTML代码结束
代码语言:javascript
复制
<head></head>网站的头部如下图  在里面可以设置网站标题以及图标

代码语言:javascript
复制
<title>第一个网页</title>   用于设置网站的标题如上图的标题就是写文章-专栏-云+社区
代码语言:javascript
复制
<body>
</body>  网页的主体部分

代码语言:javascript
复制
<h1>HELLO WORLD</h1>   如下图显示大号字

<>部分表示HTML代码的标签大部分的标签都有介绍标记</> 如<html> </html>前者表示HTML代码开始后者表示代码结束。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • web开发用于网站开发,小程序开发。主要的语言有HTML5 css3 JavaScript php asp
    • HTML5用于搭建网页的框架
    • css3和JavaScript用于网页的美化
    • php asp用于动态网站
  • 一、下载visual studio code
    • https://code.visualstudio.com/
  • 二、visual studio code优化
    • 1.调整语言为中文
    • Ctrl+shift+P
    • 输入configure display language
    • 选择Addition language
    • 安装中文简体
    • 然后重启vs code
    • 2.安装live server
  • 二写代码
    • 1.打开存放代码的文件夹
    • 将文件命名为index.html在实际情况中index经常被设置为网站的主页
    • <>部分表示HTML代码的标签大部分的标签都有介绍标记</> 如<html> </html>前者表示HTML代码开始后者表示代码结束。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档