0基础学习网页结构编程

①首先我们要在电脑上安装一个网页的编程平台,建议大家使用VSCode,这个软件使用起来很方便,比较适合初学者。

②完成软件的安装后需要在软件内安装几个扩展包方便后续编程,如Chinese Language,Chinese Lorem,Live server,open in browser,Vetur等。

③编程的开始我们要创建一个以文件夹用来储存所编程网页的数据文件,我们最先要学习的是使用HTML进行网页的布局,一个完整的网页大体由<html><head><body>组成,其中<html>标签是一种用来制作超文本文档的简单标记语言,是网页制作的一种规范、一种标准。<head>标签用于定义html网页的头部,head是所有元素的容器,head标签中可以引用js和css以及对页面文档的标题等各种属性,并且head头部的数据是不会展示给用户。其中head标签可以包含mate标签,title标签等。最后<body>标签是网页制作的主体,也就是用户可以看到的所有内容,比如文本、超链接、图像、表格、列表、音频和视频等等。

④除此之外还有许多常用的标签需要我们掌握,如h是标题标签,属于块元素,常用的是h1-h3,h1是最大的标题,往后逐级递减。p是段落标签,也是属于块元素,适用于文字的分段。hgroup是组合标签,用于标题的组合,不可以交叉镶嵌使用。strong是强调标签,主要是用于强调内容,显示出来时文字加粗。em也是强调标签的一种,用于强调语音语调,显示出来是文字斜体,以上两种均属于强调标签,使用时没有差别,可任意使用。br是换行标签,用于文字换行。hr是分割线标签,使用于段落间分割。del是删除线标签,使用时显示出来的文字上会出现斜条的删除线。center是居中标签,适用于标题、文字的居中。div是一种特殊的标签,它没有明确的语义,属于块元素。同样的span标签也没有语义,使用后不会独占一行。q是引用标签,用于名言古句的引用。imp是引入图片的标签,在网页制作中我们经常使用到,它是一种自结束标签,可以插入网页图片,并更改图片大小。此外我们所需要掌握的标签还有很多,以上是在网页制作中使用较多的,熟练掌握后我们可以学习更多的标签。

注意:

1:html标签有成双成对的,也有字结束标签。

2:html、head、body等是不区分大小写的,但一般小写使用居多。

3:标签可以嵌套,但不可以交叉嵌套。

4:养成良好的注释习惯,简洁明了,注释也不可以嵌套。

5:html,css,js都是一种宽泛的语言,它的容错率比较高,它会给你自动纠错,但我们要尽量避免,防止网站的性能有所影响,而且它改的不一定是你想要的。

以上就是初学者第一天需要掌握的网页制作内容,熟练后合理使用编程就可以制作简单的网页了。

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值