首页
学习
活动
专区
工具
TVP
发布

web前端学习第二课 如何编写自己的第一个网页

1.在电脑上新建一个文件夹

在电脑上的一个磁盘上建立一个文件夹,用于专门保存自己的网页,给这个文件夹命名(你喜欢任意名字),比如,myweb。

2.建立模板文件

模板文件是一个文本文档,里面包含了每个网页都要用到的标签。下次建立新网页时,只要把该文件复制一份就可以往里面输入其他标签了。建立模板文件的步骤如下:

(1)打开刚才建立的文件夹

(2)点击鼠标右键,弹出一个菜单,选择【新建】,再选择【文本文档】,这时就会在文件中出现一个“新建文本文档.txt”

(3)将这个文本文档改名称为“模板.txt”,其中“模板”是文本文件的名称,“.txt”是这个文本文件的扩展名,表示这个文件是文本文件。

(4)打开这个模板文件,输入以下标签,保存即可。

3.标签解释

(1)标签是成对出现的,称为标签对。“HTML”为开始标签,“/HTML”是结束标签

(2)标签是由”尖括号”括起来的,里面是英文单词的缩写。

(3)html标签对代表这是一个网页文件,它包括head标签对和body标签对

head标签对代表这是网页头部,这里面还可以插入其他标签对,插入的内容在页面上不显示,它是给浏览器和搜索引擎看的,用户看不到。

body 标签对代表这是网页的主体,在body标签对中可插入文本标签,图片标签,视频标签等,这里面才是网页显示的内容。

4.编写与显示网页

(1)将模板复制一份,并粘贴,得到模板副本

(2)打开模板副本,在body标签对之间插入段落标签”p /p”,并在p”和”/p”之间输入“这是我的第一个网页”如图所示。

(3)保存该文档,并将该“模板副本.txt”重命名为XXX.html(“XXX”代表文件名,你可以任意取名,将扩展名“.txt”改为“.html”,代表网页文档),这时文件由文本文档变成了网页了,如图所示。

(4)鼠标双击打开该html文件,就可以在浏览器中看到效果了。这就是你的第一个网页。如图所示。

5.总结

编写模板是为了减少输入重复的常用标签,便于快速开发网页

每个网页都有html、head、body标签对组成,html标签对包含head标签对和body标签对。

head标签对内可插入其他标签对,在网页中不显示;body标签对内可插入段落,图像,视频标签,这里插入的内容在网页上显示。

编写的是.txt格式文档,显示的是.html格式的文件(即网页)。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20200507A0Q4YI00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券