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

2021-08-23 12:01:43 浏览数 (1)

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代码开始后者表示代码结束。

编程算法 html html5 javascript asp

0 人点赞