0001.关于HTML学习笔记之小白写代码时遇到的问题

199 阅读10分钟

零、前言

  1. 学编程可以干什么? 编程其实很简单,我们平时身边会有人去学习外语,那他们为什么要学呢?原因很多,比如有人想在朋友面前装逼,还有的想去外国旅游等等或者有的人就是对它感兴趣。有些人可能会说,这跟外语有什么关系?其实学编程就和学外语一样,装逼、和计算机聊天、感兴趣。 回到正题,它可以干什么呢?最初人们做计算机就是想“偷懒”,把自己算的问题交给计算机,让它来算,然后随着人的需求和技术增加,它的功能也不断完善,成为了我们现在用的计算机(手机、电脑等),它可以把我们想要的功能、画面显示出来,也就是说,我们想要什么画面,不论是现实中有的还是现实中没有的,它都能显示出来。那它怎么听得懂我们想要什么画面的,这时候编程语言就出现了,详细看下面的内容,所以学编程就是为了和计算机交流,当我们足够了解编程语言,才能告诉他我们想要什么样的功能,然后根据学习的不同程度和方向,有了不同的叫法,学的牛逼的叫“黑客”可以让计算机干所有自己想要的功能,学的一般的叫“程序员”和计算机的交流中有障碍(bug),但能也能够让计算机渲染出自己想要的效果。
  2. 我这个年龄可以学吗? 其实这个问题不能单纯的只看年龄 (1) 如果是想做几个简单的程序、功能、小程序什么的,都是花点钱可以让别人帮忙弄的,但没钱就只能自己来肝了φ(>ω<*) ,这个什么年龄都可以,像康总说过,开始只是做一个简单的东西,随着越来越多,就成了一个伟大的作品(与年龄无关) (2) 对编程兴趣,俗话说得好,兴趣是最好的老师,在自学的过程中很多东西都能打击兴趣,付出才有记忆有回忆、懂得珍惜,半途而废等于莫名其妙吃了一口土。(与年龄无关) (3) 想跳槽、找工作(没经历过,网上找的(哈哈)) 程序员这个工作其实工资挺高的的,不过这个行业更新换代也快,所以大多数公司都是需要技术好的,学习能力强的,所以想找工作进公司的,年龄方面基本都是越年轻越好,在网上说是35岁 v.kuaishou.com/JOvNYD(30岁了… (4) 编程副业 用编程做兼职、外包行业其实也挺好的,说不定退休后还能赚点,不过计算机行业更新换代快不知道那时候还流行不流行或者你还能不能做出来这个东西,哈哈,当然这个得别人有需求才有钱赚,所以收入也不一定 (5) 初、高中生 如果初、高中生学的目的是为了找工作,基本也没什么公司看得上,最低学历也得是专科 v.kuaishou.com/JOvNYD

一. 代码方面

  1. HTML、CSS (1) 先掌握模板内容,搞清楚模板每行的代码都代表什么意思,弄不出来就留着后面再搜或者看什么视频或许就发现了。  (2) 声明,就是模板第一句,告诉浏览器这个网页是H几版本,好让浏览器用这个来解析代码  (3) 一个正常的网页只出现一个html、head和body标签,具体看下面链接(3条消息) 同一个页面多个html、body标签_anmei1912的博客-CSDN博客既然只能有一个,我们可不可以省略呢?答案是可以的,HTML5的版本可以省略这三个标签,但考虑到为了兼容老浏览器,不建议省略,看下面链接  既然只能有一个,我们可不可以省略呢?答案是可以的,HTML5的版本可以省略这三个标签,但考虑到为了兼容老浏览器,不建议省略,看下面链接 

(4) 代码不写缩进,缩进是用tab键敲出来的,按理来说每出现一个嵌套结构时,代码就应该缩进一格,不够这个主要是对我们自己以后方便好查阅代码,因为大部分时间我们都不是在写代码,而是在查看代码,修改代码,所以缩进也有助于修改bug,它也可以让别人觉得你是个大佬,代码都那么规范  (5) 只有开始标签,只有开始标签,没有结束标签,虽然浏览器会有修复功能,但有时候多多少少会出现一些问题,非常不建议这样做  (6) 只有结束标签,没有开始标签。一个没有开始标签的是没有结束标签的,就像你暗恋女神,但你没有表白,哪里来结果,对方完全不知道  (7) 将样式写在结束标签里,样式写在结束标签里是完全没有效果的。  (8) 代码中符号\空格的使用,很多人在写代码的时候都不注重符号,但往往就是这样让很多让就差一个符号导致代码出现bug。比如  ① 双引号,写样式的时候,有些会写成这样:<div style="color="red">,写样式时这里color后面的等于号应该是冒号,且等于后面直接写样式的值就可以了,像这样:

  ② 写中括号、大括号的时候不成对写,就只写一半  ③ 写完一个样式后面不加分号,一般写一个样式的时候可以不用加分号,但要写第二个样式时就必须用分号把它们分开,如:
  ④ 符号写成中文,这个也算很常见的一种,编程中的所有符号都应该是英文,当然除了字符串或者向页面输出内容的部分,如:

标签里面的内容就是要向页面输出给人看的,这里就可以使用中文符号

  ⑤在写路径的时候,空格就显得尤为重要,有些人名称里多了一个空格,然后就把路径写错了,导致加载不到文件也是很常见的 (9) 一个标签写完没有结束标记,比如写一个img标签,正常写完是这样的:转存失败,建议直接上传图片文件,但小白就会写成这样<img,造成下面一个标签的内容没有被加载出来  (10) 开始和结束标签不匹配,就像这样:

  (11) 代码规范:  ① 在HTML5版本中,style应该是写在head标签中  ② 单标签像img、br都推荐写上结束标记,像:
但没有也是可以的  (12)路径:有很多人都是图片不显示,关于路径问题也是出的最多的。这里大概说一下 ① 先确定自己的名称没有问题,路径就是从“/”也就是根目录开始到图片结束,下面举个栗子:/images/logo.png,这个意思是在根目录下有个images的文件夹,里面有logo.png的文件,这里的根目录也就是Windows上的盘符,具体参考帖子 ②还有的人会把文件名大小写的或者字母写反,再有些人不知道写后缀名,也就是.png。 ③当然还有直接写/images/,然后就没了,这也是错误的路径,没有指定要使用的文件。 ④ (13) 关于标签的属性:这些就是多去学,多练,都是一些基础的,用的多了,仔细了就不会有什么问题 (14)每行样式写完都加分号:比如在写样式时text-align: center;这段意思是让元素内的内容做居中,当你写第二个样式的时候,必须加个分号分开这两个属性,不然就会出问题,比如:text-align: center; color: #fff;这里写了两个样式,每个样式写完都有分号,其实如果最后一个样式不写分号也是可以的,但为了兼容和规范,推荐每个样式写完都加分号 (15)初写代码注意使用模板,它有很大作用,模板上不懂的代码不要删 (16)文件名称符号\空格使用:在写文件名时尽量不要出现特殊符号,代码路径中写空格的时候写成%20,因为你仔细观察浏览器路径就会发现,有时候输入空格时地址栏会把空格解释成%20 (17)逻辑思维:写代码时观察每个代码代表什么意思,能够根据结果去判断过程,随着应用越多对代码理解会更透彻 (18)在写样式时,不用给样式的值单独加引号 二、软件方面  1.VSCode (1)刚从官网下载的VSCode界面是英文,如何设置中文界面点下面链接查看 点击链接查看QQ频道帖子【VSCode中文界面】: 2.HbuliderX 一些使用方法什么的岛主视频里都讲过了,就不多说了 3.Dreamweaver 这个软件主要是用于做网页的,支持的语言并没有前两个软件多,也不能装插件,唯独最好的两点就是实时预览功能和在代码规范上会更好一点,刚入手HTML的小白用这个或许会更好。因为它的内置预览浏览器里,可以直接修改内容并保存为源码,当前选中的标签也会直接在代码里定位出来

三、代码出问题后怎么办  (1)出现问题以后尽量去百度搜索,有时候还会发现新的功能,不要只要一有问题就去问,同样一个简单的问题问的多了,大佬也就不想回答了,所以请先把报错提示翻译一下,看看大概是什么意思,然后去搜索相关的问题看看别人有没有写出来,实在花十几分钟找不到答案的时候再去问别人  (2)问别人的时候不要就发一个图片,或者说一大堆毫无关系的话,把自己的代码截屏或者直接发源码,然后说一下自己的代码大概在写到什么位置的时候有点问题,然后说明自己要做成什么样的就可以了,不懂的就是宁愿多发几个也不只发一部分,毕竟有些可能是因为其它元素导致的问题,而且大佬肯定也会找到你不对的地方

比如这个问题,玩过这个的起码还知道你这是一个网页的游戏,不知道的完全不懂你发了个啥

所以发图片时记得把自己想要的目的和代码发清楚,比如这个游戏就要把左手边全部的内容都发过来,这样就有了自己要达成什么样的目标(要求)。发自己的图时记得把项目中的代码能截一整页就不截取一小部分。 看一个正确案例:

把所有的要求都说明白,而且把文字打在图片里用框等这些标记起来比直接发文字学习更加直观的看清你的要求 (3) 多看官方文档 (4) 页面显示问题使用开发者工具查看解决

个人留言:学HTML和CSS不是很难,对网页感兴趣的话学一个月不到就能写出一个页面的衣服(HTML CSS模仿的页面)了,一般学3个月左右就去学JS,反正就是尽量不要在HTML和CSS上花太多时间,因为你学JS的时候肯定多多少少这个还是要写的,学太长时间就会因为JS比这个难学而劝退一部分,或者很打击学习的信心,刚开始JS先做简单的,太难的也容易打击学习的动力

四、后面改的时候有句话不知道放哪里好,就弄这里吧(✪ω✪) 编程语言是人和计算机交谈的语言这句话其实是错的?(上我在上面说其实就是为了方便理解,这句话在理论似乎是对的,我们也可以这么想,但它不严谨) 其实这个是说的很多的一句话 个人觉得,如果是用来交谈,比如,A和B用汉语交谈,那么A和B应该都说汉语 很明显,计算机并不会用编程语言的方式来告诉你任何东西 事实上,编程语言是人类对计算机的命令形式,这样更准确一些,所以在计算机试题中这句话一定要选错