原创

前端系列课程 | 网页、网站构成、浏览器分别是什么?

想学习Web前端,不知如何入门?想从小菜鸟变成技术大牛?从基础知识到实战案例演练,让你快速掌握如何搭建网站静态页面。

HTML/CSS做为前端工程师第一门必修课,从简单标签知识到布局基础的学习。

你可以将UI设计稿转化成静态页面,本课程全部免费提供学习,欢迎学习角落。

本教程首发于 bilibili 教程版权归于原作者C-Dong
——————————

网页

网页(web page),是网站中的一“页”,比如书页,通常是HTML格式(文件扩展名为.html或.htm或.asp或.php或.jsp等)。
网页要使用网页浏览器来阅读。

网页构成

文字与图片是构成一个网页的两个最基本的元素。
你可以简单的理解为:文字,就是网页的内容。图片,就是网页的美观。除此之外,网页的元素还包括动画、音乐、程序等等。

网页和网站

网页是构成网站的基本元素,是承载各种网站应用的平台。
通俗的说,网站就是由网页组成的。
如果只有域名和虚拟主机而没有制作任何网页的话,客户仍旧无法访问网站。

常用浏览器

网页浏览器是个显示网站服务器或文件系统内的文件,并让用户与这些文件交互的一种应用软件。
file

常用浏览器内核

1、Trident ——IE浏览器
2、Gecko——FireFox浏览
3、Presto——Opera浏览器
4、Webkit——Safari浏览器 chrome浏览器

HTML版本介绍

超文本标记语言(第一版)—— 在1993年6月作为互联网工程工作小组(IETF)工作草案发布(并非标准)
HTML 2.0——1995年11月作为RFC 1866发布,在RFC 2854于2000年6月发布之后被宣布已经过时
HTML 3.2——1997年1月14日,W3C推荐标准
HTML 4.0——1997年12月18日,W3C推荐标准
HTML 4.01(微小改进)——1999年12月24日,W3C推荐标准
HTML5 —— 2014年10月29日,万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成

什么是HTML?

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML文档的后缀名为 .html 或者 .htm

HTML5的基本框架

<!DOCTYPE html>  document type html
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>    
    </body>
</html>

基本框架意义

<!DOCTYPE html>: 声明为 HTML5 文档(最新标准)
html 元素,是 HTML 页面的根元素(树根)
head 元素,包含了文档的元(meta)数据
title 元素,描述了文档的标题
body 元素,包含了可见的页面内容
以后我们的html内容就写这个body的里面

字符编码

也是一个标签,只不过是单标签;
charset是字符集合的意思
GB2312字集是简体字集,全称GB2312(80)字集,共包括国标简体汉字6763个。
BIG5字集是台湾繁体字集,共包括国标繁体汉字13053个。
GBK字集是简繁字集,包括了GB字集、BIG5字集和一些符号,共包括21003个字符。

编辑器安装

常用编辑器种类
VSCode
Sublime(轻量,小巧)
WebStrom(高集成开发工具)
Notepad ++(类似记事本)
Hbuilder(为H5而生)
DW(不推荐)
Atom
……

本教程首发于 bilibili 教程版权归于原作者C-Dong

正文到此结束
Loading...