黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程-p4-03-网页的相关概念-视频笔记

视频地址:https://www.bilibili.com/video/BV14J4114768?p=4&spm_id_from=pageDriver&vd_source=92091721fde667b87f2021fd2256a257

什么是网页

网站

• 网站是指再因特网上根据一定的规则,使用html制作的用于展示特定内容的网页集合

图1是名字叫传智教育的网站首页截图(传智教育:https://www.itcast.cn/)

图1

• 该传智教育网站是由许许多多的网页组成的

网页

• 网页是网站中的一"页",通常是html格式的文件,它要通过浏览器来阅读
• 网页是构成网站的基本元素,它通常由图片,链接,文字,声音,视频等元素构成
• 通常我们看到的网页常见是以.htm或.html后缀结尾的文件,所以将其俗称为html文件

什么是html

• html是指超文本标记语言(HyperTextMarkupLanguage),它是用来描述网页的一种语言
• 注意:html不是一种编程语言,是一种标记语言(markup language)
• 标记语言是一套标记标签(markup tag),所以html也可以称为超文本标签语言
• 所以图像标签是用来存在图片,文字是标签用来存放文字

创建一个简单的网页

• 在电脑中新建一个文本文档
• 进入该文档进行编写代码
• 以下就是存放图片的图像标签的写法

<img src="logn.png"> /*logn.png是图片的名称*/

• 写完代码后保存退出,把文本文档的后缀名由.txt改为.html(看不到后缀名的,自行百度如何显示电脑文件后缀名)
• 然后通过浏览器打开该文件就可以看到效果了

图2是使用img标签存放图片然后在浏览器打开的效果

图2

• 所以说网页就是一个html文件,该文件是使用html语言来编写,里面存放着图片标签,文字标签等标签

超文本标记语言中的超文本的含义

• 第一层含义:它可以加入图片,声音,动画,多媒体等内容(超越了文本限制)
• 第二层含义:它可以从一个文件跳到另一个文件,与世界各地主机的文件连接(超级链接文本)

网页的形成

• 网页是由网页元素组成的,这些元素是利用html标签描述出来,然后通过浏览器解析来显示给用户的
• 网页的形成:前端人员开发代码 → 浏览器显示代码(解析,渲染) → 生成最后的web页面

网页的总结

• 网页是由图片,链接,文字,声音,视频等元素组成的,其实就是一个html文件(后缀名为html)
• 网页生成制作:有前端人员书写html文件,然后浏览器打开,就能看到了网页
• html:超文本标记语言,用来制作网页的一门语言,由标签组成,比如图片标签,链接标签,视频标签等...
• 所以说html的学习就是学习html中各种各样的标签