所有分类
  • 所有分类
  • 后端开发
深入了解 HTML:从发展历史到 W3C 介绍

深入了解 HTML:从发展历史到 W3C 介绍

HTML只能做静态网页html的基本结构六、图片显示及链接七、显示表格:表格的宽度,占父容器的60%表格的对齐:不规则表格:通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框

一、HTML究竟是什么?

说到HTML,大家第一个想到的肯定是那些琳琅满目的网页!对,其实HTML就是用来做网页滴。虽然你可能觉得它很神奇,甚至把它比作魔术师,但是要记住,它只能做出静态网页,不像程序那样可以动态交互。

深入了解 HTML:从发展历史到 W3C 介绍

想知道HTML咋做到这些的吗?其实很简单,就是用一堆标签给网页定个型,告诉浏览器每个部分该怎么展示。比如说,`

段落用`标签搞定,图呢就用“嵌入。这俩各司其职,一起搭建成我们看到的网页。

二、HTML的发展历程

说到HTML,得说蒂姆·伯纳斯-李这个牛人。他不是盖茨那种出名人物,但是对互联网的贡献大着!他是个计算机教授,1955年6月8号生于伦敦,后来甚至还创立了W3C这个用来规划网站规则的组织,看得出他多重要?当然,其中也包括我们熟悉的HTML规范。

HTML和互联网这对好基友进步!他们的演变过程就像一场时装秀,而蒂姆·伯纳斯-李就是这场秀的设计师。他搞出来的这些新花样儿,不止改变了网络世界,还把大家的日常生活搅得翻天覆地。

  
      
        html结构  
      
      
          
      

三、W3C:网络世界的守护者

你知道W3C吗?就是那个全球网络标准的制定大佬。他们就像网上的裁判员,管着HTML、XHTML、CSS、XML这几项重要工作。因为有它们,我们现在才能在各种浏览器上都能流畅地浏览网页~

w3c的世界里,牛逼的公司搞标准,中等水平的公司提供服务,一般的公司生产东西,差劲儿些的公司搞项目。虽然这分法挺粗糙,但也有点道理,毕竟互联网就这么个金字塔型。w3c用搞标准的方式,保证了互联网的良性发展,让大家都能用上高效、稳当、可靠的网络服务。

深入了解 HTML:从发展历史到 W3C 介绍

四、HTML的运行机制

  
      
        html结构  
      
      
          
      

看明白 HTML 真的简单得不能再简单!本地摸索的话,随便找个浏览器就能打开 HTML 文件;如果想在别的地方跑起来怎么办?比如说装个 Tomcat 服务器放在网上,不就啥都解决了吗?HTML 文件就是由“、“、“、“和“这些标签构成的。

深入了解 HTML:从发展历史到 W3C 介绍

你用浏览器打开HTML文件的时候,它就像个翻译官,会理解和解析里面的HTML代码,然后按照这些代码把网页画出来。这就是为什么HTML代码复杂,但是浏览器却能把网页做得简单易懂!

  
      
        html结构  
      
      
          
          
              
          
      

五、HTML中的符号实体

深入了解 HTML:从发展历史到 W3C 介绍

在网页制作里,有一堆字符像“<”这种不能直接打出来。这时候咋办?咱们得借助字符实体来帮帮忙。比如说,”>”用键盘敲出来就是大于号了,可字符实体却能打出”>”,看起来似乎怪怪的,但这玩意儿就相当于是HTML世界的特有语言,只要咱们熟悉规则,就能随心所欲地展示想要的内容!

  
      
        html结构  
      
      
          
        
12
34
56

六、图片显示及链接

深入了解 HTML:从发展历史到 W3C 介绍

HTML不只能打字,还能给网页加图!用这个

<img>

标签就能轻松插图~而那个

标签,就是用来做超链接的,点一下就可以跳转到别的网页,很方便?这俩可是网页设计里必不可少的小帮手,让网页更有活力,也让大家看起来更舒服。

七、显示表格

柱状图就是网页中的大佬级别的工具!用<table>标签就能轻松做出表格~ 不只是边框、宽窄这样基础的东西就连里面的内容间距什么的也能调整!至于用来定位表格行、标题还有各个小单元格的<tr>、<th>和<td>这三兄弟也得牢记于心!

表格的对齐和大小,能用好`align`和`valign`;要想合并单元格,还得靠`colspan`和`rowspan`。用框架的话,一个网页就是一个框架,能让你在一个窗口里看多页,不过打印起来就有点麻烦。

到结尾了,给大伙儿留个小问题哈:平时用啥HTML功能最多?快来评论里聊聊你的心得,记得点个赞转发这篇文章,让更多的小伙伴认识下HTML的魔力!

原文链接:https://www.icz.com/technicalinformation/web/vue2/2024/06/18071.html,转载请注明出处~~~
0

评论0

请先
  • 在线客服
  • 每日签到
  • 夜间模式
  • 返回顶部
注意:请收藏好网址www.icz.com,防止失联!站内免费资源持续上传中…!赞助我们
显示验证码
没有账号?注册  忘记密码?
显示验证码
已有账号?