制作自己的第一个网页

Hello World一般是程序员使用新编程语言写的第一个测试程序，对于程序员来说，hello world能够正常展示到浏览器上，就表示我们的代码已经能够编译正常运行了。所以我们就从最简单的hello world开始。

第一步：在电脑桌面，点击右键-选择”新建-文本文档“，修改文本文档的名字及后缀成 "index.html"。文件图标自动变成带有浏览器图标。

备注：能看到后缀名的同学请忽略。如果自己的文件看不到后缀名，只能看到名字。

win10系统：点击”此电脑“。再点击”查看“。

打开百度APP看高清图片

将文件扩展名选中就可以看到文件后缀名了。

其他系统的，请自行百度。

第二步：把新建的”index.html“文件拖到VScode编辑器中，输入英文状态下"!"，点击”tab键“，自动填充代码如图。

第三步：找到”body“标签，也就是网页内容部分，输入”hello world“！代码为：

<!DOCTYPE html><html lang="en"><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>Document</title></head><body>hello world</body></html>

第四步：双击”index.html“文件，使用浏览器打开网页，如图：

到此，你的第一个网页就完成啦！如果你想做一个内容更多，漂亮的网页，请继续向下学习。

制作自己的第一个网页相关推荐

Django(part3)--制作我的第一个网页
学习笔记,仅供参考文章目录制作我的第一个网页 URL介绍路由制作第1个网页 path方法开始我们的第一个网页制作我的第一个网页 URL介绍定义 URL即统一资源定位符Uniform Re ...
html课做一个网页,菜鸟自学建站 HTML 第三课制作我的第一个网页_html/css_WEB-ITnose...
上一课我们了解了Dreamweaver的工作界面,从这节课开始,我们由浅入深的开始学习网页的制作. 首先打开Dreamweaver,制作网页首先要新建一个文档,就像我们写文稿需要一张纸一样. 只有有了 ...
html:(2):制作第一个网页和html和css的关系
在<h1>和</h1>标签之间,输入Hello World 字符串. <!DOCTYPE HTML> <html><head><met ...
自学html手机网页设计,HTML_XHTML入门学习教程:简单网页制作，用一分钟制作自己的第一个网 - phpStudy...
用一分钟制作自己的第一个网页: 下面我们来试着做一个简单的网页,希望您能跟着我们操作,这只会花费您一分钟时间.现在您也许不知道那些尖括号"<>"和里面的字母究竟是些什么 ...
web网络和http协议（了解域名和网页，制作第一个网页，了解http协议，流程和请求报文格式）
文章目录 web网络和http协议了解域名早期使用HOST文件解析域名现在DNS(Domain Name system 域名系统) 域名的概述域名空间结构域名介绍域名注册域名注册步骤网 ...
html基础-html简介-第一个网页（1）
今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助. 一.先来为大家简单普及以下html (1).html英文即:hypertext markup language ...
网页制作的基本语言html,网页制作基础语言HTML.ppt
网页制作基础语言HTML 2. 内嵌音频播放插件通过内嵌音频播放插件可以在浏览器中出现控制面板,也可作为背景音乐.其格式为: [例2-27] 3. IE中的背景音乐可以插入背景音乐格式,不过只有在 ...
html5设置页面标题,单选(4分) 下面选项中，可以将HTML5页面的标题设置为“我的第一个网页”的是（）。...
问题:单选(4分) 下面选项中,可以将HTML5页面的标题设置为"我的第一个网页"的是(). 更多相关问题根据世界银行咨询服务合同标准文本,()的采购有两种计价方式:复杂的采用基 ...
如何制作一个简单的html网页
1.新建一个记事本 2.开始写html代码制作一个简单的网页<html><head><title>网页的名字</title></head> ...

制作自己的第一个网页

制作自己的第一个网页相关推荐

最新文章

热门文章