①首先我们要在电脑上安装一个网页的编程平台,建议大家使用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都是一种宽泛的语言,它的容错率比较高,它会给你自动纠错,但我们要尽量避免,防止网站的性能有所影响,而且它改的不一定是你想要的。

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

0基础学习网页结构编程相关推荐

  1. 卷毛0基础学习Golang-并发编程,01 什么是并发

    卷毛0基础学习Golang-并发编程,什么是并发 Go并发编程 概述 简而言之,所谓并发编程是指在一台处理器上"同时"处理多个任务. 随着硬件的发展,并发程序变得越来越重要.Web ...

  2. 卷毛0基础学习Golang-并发编程-02 Goroutine

    Goroutine goroutine是Go并行设计的核心.goroutine说到底其实就是协程,它比线程更小,十几个goroutine可能体现在底层就是五六个线程,Go语言内部帮你实现了这些goro ...

  3. 卷毛0基础学习Golang-并发编程-03 channel管道

    channel channel是Go语言中的一个核心类型,可以把它看成管道.并发核心单元通过它就可以发送或者接收数据进行通讯,这在一定程度上又进一步降低了编程的难度. channel是一个数据类型,主 ...

  4. 0基础学习数据分析必须掌握的技能有哪些?

    现如今,我们处于一个互联网发展的时代,大大小小的企业对于数据分析相关岗位的需求逐渐增加,因为所有的企业都有数据,企业需要让数据分析师通过整理.分析企业数据总结出企业目前的发展现状,并且为企业做出下一步 ...

  5. python 内存溢出能捕获吗_从0基础学习Python (19)[面向对象开发过程中的异常(捕获异常~相关)]...

    从0基础学习Python (Day19) 面向对象开发过程中的=>异常 什么是异常 ​ 当程序在运行过程中出现的一些错误,或者语法逻辑出现问题,解释器此时无法继续正常执行了,反而出现了一些错误的 ...

  6. 从0基础学习Python(13)[面向对象思想]

    从0基础学习Python (Day13) 面向对象思想 1.面向对象编程介绍 面向对象 概述 ​ 目前软件开发技术中两种主流思想:面向过程.面向对象 ​ 面向过程思想出现较早,C语言 ​ 面向对象思想 ...

  7. 2023 Data数据分析岗前景如何?0基础学习数据分析成功上岸,3个月掌握令人惊叹的sql能力!...

    Date数据分析师的发展路线! 从事数据分析相关工作,按职业发展方向大致分为两类. [1]业务路线:业务分析--数据分析师--部门leader--管理高层 一般在大中型企业为业务持续增长带来价值,比如 ...

  8. 全景丨0基础学习VR全景制作,平台篇第13章:热点功能-总览介绍

    全景丨0基础学习VR全景制作,平台篇第13章:热点功能-总览介绍 大家好,欢迎观看蛙色VR官方--后台使用系列课程! 一.热点功能概览 热点,指在全景作品中添加各种类型图标的按钮,引导用户通过按钮产生 ...

  9. 0基础学习arduino(一)

    0基础学习arduino(一) Arduino简介 Arduino是一款便捷灵活.方便上手的开源电子原型平台.包含硬件(各种型号的Arduino板)和软件(ArduinoIDE).由一个欧洲开发团队于 ...

最新文章

  1. 开源监控系统 Prometheus 入门
  2. 终于开通了园子里的博客!
  3. js 数组、对象转json 以及json转 数组、对象
  4. Opengl :公转与自转
  5. yarn : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本
  6. 项目拖太久的巨大风险
  7. java高级之泛型详解
  8. Block代码块中使用局部变量注意点
  9. 微软发布紧急更新,修复了多个 Windows Server 身份验证问题
  10. mysql se_常见的MySQL命令
  11. 使用VS code编辑md文件,并导出pdf
  12. 为vue配置apache的rewrite
  13. sshd远程主机间的访问
  14. python批量改名
  15. 十年再出发:阿里云智能战略加速的“四级火箭”...
  16. Flowable流程启动源码分析
  17. 深圳CPDA|如何着手商业数据分析?
  18. pyautogui.screenshot()详解
  19. 花城fm v2.8.0
  20. 建立word2id词典

热门文章

  1. 证考网好不好?用这些人背后的心酸史告诉你!
  2. WEB服务器与应用服务器的区别
  3. idea之json格式化插件Json Parser
  4. 为什么戴尔计算机开机总是黑屏,戴尔笔记本开不了机怎么办?戴尔开机黑屏解决方法...
  5. 计算机应用专业评职称,计算机技术与软件专业职称都是以考代评了吗?
  6. 使用Junit出现InitializationError的解决方法
  7. Ontology-enhanced Prompt-tuning for Few-shot Learning
  8. Sorry, looks like your network settings are preventing access to this feature. 或者NEW bing 访问过慢
  9. 双屏幕 php,单屏 VS 双屏:谁才是完美的显示器解决方案?
  10. 谷歌浏览器chrome去除“由贵单位管理”选项的解决方法