网站开发的基础知识、html简介及基本标签的学习整理

html简介及基本标签

一、 网站开发的基础知识
在正式学习html前,我们先来了解下网站开发的基础知识。
(一)从网页制作到前端开发
1.web1.0时代的网页开发
网页制作是web1.0(2005年之前)的产物,那个时候的网页主要是静态页面。用户能够做的唯一一件事就是浏览这个网页的文字和图片,却不能在网页上发布评论或交流。web1.0时代“网页三剑客”:Dreamweaver、Fireworks、Flash.
网站开发的基础知识、html简介及基本标签的学习整理
web2.0时代的前端开发
前端开发是由网页制作演变而来的。在web 2.0时代,网页分为两种:静态页面和动态页面。
静态页面仅可供用户浏览。动态页面是在静态页面的基础上增加了与服务器交互的功能。
(二)从前端开发到后端开发
1.前端开发
对于前端开发来说,最核心的3个技术分别是:HTML、CSS、JavaScript.
网站开发的基础知识、html简介及基本标签的学习整理

HTML,全称是Hyper Text Markup Language(超文本标记语言)
CSS,Cascading Style Sheet (层叠样式表),用来控制网页外观。
JavaScript是一种嵌入到HTML中的脚本语言,由浏览器一边解释一边执行。
二、什么是HTML?
HTML是网页的标准语言,并不是一种编程语言,而是一种描述性的标记性语言。
语法:<标签符>内容<标签符>
标签符是成对出现的,包含一个“开始符号”和“结束符号”。另外很多时候也把“标签”说成“元素” 其实说的是一个意思,仅仅是叫法不同而已。
我们常说的HTML是指HTML4.0,而HTML5一般指的是相对于HTML4.0新增加的内容。
三、基本标签
(一)HTML基本结构
网站开发的基础知识、html简介及基本标签的学习整理
一个完整的HTML页面,其实就是又一对对的标签组成的(当然也有例外)。一个页面是由4个部分组成的,即:文档申明、HTML标签对,head标签对,body标签对。
1.文档申明:,是一个申明文档,表示这是一个HTML页面。
2.HTML标签:是告诉浏览器这个页面是从开始,到结束
3.head标签:是网页的头部,用于定义一些特殊的内容,只有一些特殊的标签才能放在head标签里编写。
4.body标签:是网页的身体,大部分代码都是在这个标签编写。
5.title标签:

<title>定义网页的标题,是head的内部标签。<br/> 6.style标签:用于定义元素的CSS样式,是head 的内部标签。<br/> 7.script标签:用于定义页面的JS代码,也可以引入外部JS文件。<br/> 8.link标签:用于引入外部样式文件。<br/> 9.base标签:,一般没有意义。<br/> 10.注释标签:<!--注释内容-->,对一些关键代码进行注释有很多好处,比如方便查找代码。