目录
一、前端概述
二、HTML简介
三、HTML基本结构
一、前端概述
在Web开发中,有前端与后端之分。前端负责页面的布局,后端负责页面的逻辑。
前端负责设计网页的样子,也就是我们看到的一个个彩色的方框和文字,但是一个网站只有这些按钮还远远不够啊,肯定还有服务器记录我们输入的信息数据。所以,后端负责的就是我们看不到的那些逻辑程序,它负责处理我们在网页上输入的那些信息或者点击信号等。
核心技术:HTML(负责网页结构)、CSS(负责网页表现)、Javascript(负责网页行为)
二、HTML简介
1、什么是网页?
网站是指在因特网上根据一定的规则,使用多种语言制作的用于展示特定内容的网页集合
网页是其中的一页,通常是html格式的文件,通过浏览器阅读
网页通常由图片、链接、文字、声音、视频等多种元素组成,网页文件通常以.html为
后缀,因此俗称html文件
2、什么是HTML?
超文本标记语言(Hyper Text Markup Language)
不是编程语言、是标记语言,通常使用标签来展示
含义:超出了文本、也可以通过超链接跳转到其他文件
3、网页的形成
由网页元素组成,元素通过标签描述出来
前端人员开发代码——浏览器显示代码(解析、渲染)——生成多元化的网页
4、常用浏览器
IE、Firefox、Chrome(市场份额最大,前端必备)、Safari、Opera
5、浏览器的内核
作用:负责读取网页内容,解析和渲染网页元素
不同的浏览器内核一样,主要有四个Trident(IE)、Gecko(fireFox)、Safari(Webkit)、Blink(chrome/opera)
国内的浏览器一般都会用Webkit/Blink内核
6、web标准
Web标准由W3C组织(万维网联盟)制定一系列标准
为什么需要web标准?
浏览器不同,显示出来的效果可能会有差异(内核渲染结果不一致)
通过制定标准,使得同一份代码在不同的浏览器中显示相同
web标准的构成
结构(Structure)、表现(performance)、行为(behavior)
结构:对网页元素进行分类和架构,由html负责
表现:设置网页元素的外观样式,由css负责
行为:设置用户与网页的互动效果,由js负责
标准:结构、表现、行为分离
三、HTML基本结构
1、基本语法:
由尖括号包围的关键词,如<html>
html标签通常是成对出现的,称为双标签(开始标签、结束标签)
有些标签是单个的 <br/> 称为单标签
2、标签关系
包含关系和并列关系
包含关系
<html>
<head>
<title></title>
<head>
<body>
</body>
</html>