快速入门HTML5/CSS
网页结构
网页由HTML(超文本标记语言,HyperText Markup Language),CSS(层叠样式表,Cascading Style Sheets)和JavaScript(Java语言脚本)三要素组成。
- HTML用于创建网页的标准标记语言,使用 HTML 来建立自己的 WEB 页面内容,运行在浏览器上,由浏览器来解析。目前最新版本是HTML5,最新使用文档参见 Html文档。
- CSS用来表现网页样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合JS脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。目前最新版本是CSS3,最新使用文档参见 CSS文档。
- JS是一种具有函数优先的轻量级,解释型或即时编译型的编程语言,作为开发Web页面的脚本语言。JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。最新使用文档参见 JavaScript文档。
小结:HTML是网页设计结构核心,主要用于网页内容和布局;CSS主要对网页内各元素进行排版;JS主要对网页各元素交互进行动作或者事件触发响应。
上图为一个基本网页的HTML(不带CSS修饰和JS驱动),可以显示一个最简单的网页如下图
从实例可知,HTML最外层结构由声明<!DOCTYPE html>和内容<html>...<html>组成,而核心是内容,内容主要由网页信息<head>...</head>和正文<body>...</body>组成。
- 声明:<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行,也就是位于 <html> 标签之前。该标签告知浏览器文档所使用的 HTML 规范。
- 元素(element):HTML是由许多元素通过嵌套或者并列组成。识别不同元素是通过标签,如!DOCTYPE、html、meta、head等。
- 标签(tag):大多数成对出现(如<html></html>、<head></head>、<h1></h1>等),也有单独出现(如<!DO