零基础撩课大前端 跟着pink老师学前端第一天

网页

网页通常由图片、链接、文字、声音、视频等元素组成。后缀 .html。

网站是网页的集合。网页是网站中的一页,通过浏览器来阅读。

HTML是超文本标记语言,不是编程语言,而是一种标记语言。

常用浏览器

IE、火狐、谷歌、Safari、Opera。

浏览器内核:负责读取网页内容,整理信息,计算网页的显示方式并显示页面。

Web标准

Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。

遵循Web标准了可以让不同的开发人员写出来的页面更标准、更统一,还有其他优点:

1.让Web的发展前景更广阔。

2.内容能被更广泛的设备访问。

3.更容易被搜寻引擎搜索。

4.降低网站流量费用。

5.使网站更易于维护。

6.提高页面浏览速度。

主要包括结构( Structure)、表现 ( Presentation )和行为( Behavior )三个方面。

结构用于对网页元素进行整理和分类,现阶段主要学的是HTML。

表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。

行为是指网页模型的定义及交互的编写,现阶段主要学的是Javascript。

HTML语法规范

1. HTML标签是由尖括号包围的关键词,例如<html>。

2. HTML 标签通常是成对出现的,例如<htmI>和</html>,我们称为双标签。 标签对中的第一个标签是开始标签,第二个标签是结束标签。

3.有些特殊的标签必须是单个标签 (极少情况) , 例如<br/> ,我们称为单标签。

双标签关系可以分为两类:包含关系和并列关系。

HTML基本结构

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>第一个页面</title> </head> <body> </body> </html>

开发工具

零基础撩课大前端 跟着pink老师学前端第一天(1)

开发工具

<!DOCTYPE>文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。

<!DOCTYPE html>

这句代码的意思是:当前页面采取的是HTML5版本来显示网页。

注意:

1. <!DOCTYPE>明位于文档中的最前面的位置,处于<htmI>标签之前。

2. <!DOCTYPE>不是一个 HTML标签,它就是文档类型声明标签。

<html lang="en">

用来定义当前文档显示的语言。

1. en定义语言为英语

2. zh-CN定 义语言为中文

简单来说,定义为en就是英文网页,定义为zh-CN就是中文网页。

其实对于文档显示来说,定义成en的文档也可以显示中文,定义成zh-CN的文档也可以显示英文。

字符集(Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。

在<head>标签内,可以通过<meta>标签的charset属性来规定HTML文档应该使用哪种字符编码。

<meta charset="utf-8">

charset常用的值有: GB2312、BIG5、GBK和UTF-8 ,中UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页