一、什么是WEB前端
1.1 什么是WEB页面(Web page)
解释:WEB页面是万维网上的一个按照HTML格式组织起来的文件。在通过万维网进行信息查询时,以信息页面的形式出现,它可包括图形、文字、声音和视像等信息。 文字与图片是构成一个网页的两个最基本的元素。
我的理解是:WEB页面是将文字 ,声音,图片,视频等信息按照他规定的规矩进行标志(HTML格式),然后最终以信息页面的方式展现给用户。
1.2 什么是HTML (Hyper Text Markup Language)
超文本(hypertext):一种全局性的信息结构,它将文档中的不同部分通过关键字建立链接,使信息得以用交互方式搜索。它是超级文本的简称
超媒体(hypermedia) 超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画
Internet采用超文本和超媒体的信息组织方式,将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统,Web的一个主要的概念就是超文本连接,它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下,就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。
我的理解是:我们想通过WEB网页去获取想要的信息,如同我们去图书馆去找相关知识的书本,如我想学习WEB前端开发的相关知识,首先我要到学校图书馆去找到WEB前端标签,然后我们根据标签获取到我样想要的书本,再之后,根据书本的目录准确找到我想要知识点所处的页码信息。而在WEB项目,我们通过文字,或是图片的链接来寻找我们想要知识点的准确位置
超文本传输协议(HTTP)Hypertext Transfer Protocol超文本在互联网上的传输协议。
协议:用通俗的语言来讲也就是规矩的意思(所谓老子的地盘,老子作主),就如同我们开车要遵循交通规则一样,那么我在互联网上去传输知识点,也就要遵从互联网的“交通规则”
综上所述:
(1)HTML 指的是超文本标记语言
(2)HTML 不是一种编程语言,而是一种标记语言(将文字,图片按照自己的想法进行标记);HTML 使用标记标签来描述网页
(3)标记语言是一套标记标签(markup tag) ,将图文信息使用标签进行布局显示
二、WEB页面(HTML文档)标准结构图
我们可以形象的理解为:一个html文件为一个人,<title><\title>标签部分表示的是人的姓名,也就是网页的名称,<head></head>标签部分表示人的头部,而在<body></body>标签页表示的网页的主体部分,在这个主体部分,又可以装载<h></h> <p></p> <img >等不同的图文信息作为网页的主体部分
<html><\html> 标签标记着 HTML 文档的开始和结束
2.1 html标签使用语法:
<标签名>内容<标签名> 如:
段落标签(<p><\p>): <p>这是一个段落</p>
标题标签(<h></h>) : <h>这是一个标题</h>
2.2 Web 浏览器
Web浏览器(如谷歌浏览器,Internet Explorer,Firefox,Safari)是用于读取HTML文件,并将其作为网页显示。浏览器并不是直接显示的HTML标签,但可以使用标签来决定如何展现HTML页面的内容给用户:
例:英勇联盟的官方主面
英勇联盟的官方主面对应html格式