第2篇初识-HTML(1)

作者 : 开心源码 本文共1057个字,预计阅读时间需要3分钟 发布时间: 2022-05-13 共107人阅读

上一篇说到希望刚学习前台的小伙伴能够把网页笼统成报纸来看待,而报纸最主要的是什么呢?就是它的排版,而 HTML 的作用就是将网页的框架给搭建起来,HTML 也叫超文本标记语言(Hyper Text Markup Language),它是一种标记语言并非编程语言,看过报纸小伙伴肯定知道为什么报纸有头部,有段落文章,甚至还有小广告,还有尾部。假如把单页报纸笼统成网页,它就形成了三部分。

红色为头尾部,黄色为中间,网页和报纸一样,它们遵循的报纸的排版的,有着语义化的意思,比方报纸它的头部代表着重要的新闻以及当今的头条大事则可以看为标题,它的中部则是记录着事情的发展过程和少量奇闻趣事也叫段落,尾部则有着地址,寻人启事的作用,在学习 HTML 之前我们需要这样去了解网页的组成,而不是单单把它看成由各类标签所组而成的。下列代码则是报纸在网页中框架。

它的形式并不是固定的,就比方它的第1行代码它代表的意思是公告 HTML 的版本为 HTML5,不同版本的则不同(有需要的可以去理解),所有的HTML的标签都可以分为:单标签和双标签;它们的关系也可以分为:父子关系和兄弟关系,也就是说它们可以并列在一起,也可以套在一起(只有双标签可以嵌套使用),接下来即可以划分框架了,html 标签可以看成报纸所用的纸,head 标签可以看成报纸头部内容,body 标签可以看成报纸的主内容也就是中部和尾部,所写内容必需在标签之内。现在我们看第2行代码,它就是“报纸”,而报纸后面的 lang=”en” 是什么意思呢?就是报纸上面所要写的语言是什么(en 代表英语,zh-cn 代表中文,相似等等),假如你用 en 书写报纸,打开网页的时候浏览器就会出现能否翻译为中文,我们在接着往下看,报纸头部内有个 meta 标签,它则是代表字符集保存的编码。

拓展:什么是字符集的编码,在计算机中存储文字或者者特殊符号它都是用01来表示的,为了方便识别这些文字,他们将这些字做成一个系列存储,就比方 a 的2进制转化为16进制为97,相似这样存储下去,以后计算机读取内存或者者硬盘的97,将其转为2进制识别为 a ,每个国家的编码是不同,而中国常用的是 GB2312(国标取首字母gb),GBK (国标扩展的意思),BIG5 (台湾繁体字),UTF-8 (几乎保护所有国家语言的一个集合)

最后还有个 title 标签,它则是网页标签的所显示内容,如下图

现在我们理解报纸的在网页所组成的原理,接下来就是简单的标签了,还是那句话理解报纸就是理解网页,以上内容均为学习所得,作为分享与记录,谢谢大家阅读!持续升级!!!

说明
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
7. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员
开心源码网 » 第2篇初识-HTML(1)

发表回复