网页设计基础
1.网页:
1.1网页概念:
顾名思义,网站的页面,网站是网页的集合
1.2网页的组成:
图片,文字,音频,链接(元素)
1.3网页的本质:
网页的后缀名一般为html/htm,本质上是一个html文件(就是一个由html语言(html标签)组成的文件)
1.4什么是html?
html是一种超文本标记语言,用来制作网页,由标签组成
所谓超文本,就是不仅仅能存放文字(超出了文字的界限)
并且可以从一个文件(一个网页)跳转到另一文件(超级链接文本)
2. 网页的制作步骤:
1 在一个html文件中写好各种html的标签
2 通过浏览器打开解析生成网页
3.常用浏览器及其内核
3.1 五大浏览器:
-
IE浏览器
-
火狐
-
谷歌:占据了一半的市场
-
opera浏览器
-
safari浏览器
3.2浏览器内核
3.2.1内核作用:
读取网页内容,整理计算并显页面
3.2.2各浏览器内核
IE:猎豹,360,百度:trident
火狐:gecko
saari:webkit
谷歌/苹果浏览器:blink
国产浏览器大部分为webkit或者blink内核
4.Web标准(网页设计标准)
由W3C组织和其他组织制定的一系列标准。
4.1为什么需要web标准?
使网页内容能够在不同浏览器下网页效果达到统一。
4.2web标准的构成:
- 结构:将网站元素进行整理分类,主要学的HTML
- 表现:颜色,大小,修饰的各种效果,主要值CSS
- 行为:交互效果,使页面生动有活力,主要学JavaScript
4.3web标准提出的最佳用户体验方案:
将三者相分离(结构写到html文件中,表现写在CSS文件中,行为写到javaScripy文件中)
三者中最重要的是结构(身体)
五.html标签(网页结构)
5.1html语法规范:
(1)所有的标签都保存在尖括号< >中
并且大多时候标签成对出现(双标签),第一个称为开始标签,第二个标签称为结束标签 。
只有小部分单独出现(单标签)
(2)标签之间的关系
(1)包含关系(父子关系)
(2)并列关系(兄弟关系)
5.2html基本的结构标签(骨架标签):
(1)四种标签
- html标签:也称根标签(页面中最大的标签)
- head标签:也称头部标签(页面的头部)
- title标签:标题标签(网页的标题)
- body标签:主体标签(网页文档的主要内容)
(2)四种标签之间的关系:
html标签是爷爷
head标签和body标签是儿子
title标签是孙子
关系: