l 标准结构语言
结构语言是按照页面的内容主要包括那些部分从而提炼出来的语言。我们所见的一个页面通常包括标题、文字、段落、图片、链接、表格及表单等组成部件。
Web标准结构语言包括:HTML、XML、XHTML。主要讲解HTML。
² HTML
Ø 定义
HTML(HyperText Markup Language,超文本标记语言),是基于SGML(Standard Generalized Markup Language )应用于计算机互联网系统而诞生出来的一种语言。
Ø 特点
1.主要应用于描述网页的内容和外观。
2.由元素组成,每个元素在浏览器里面表示特定的功能内容。
3.元素包括一对打开和关闭的标记,标签里面可以定义其属性。
4.可以作为文字、图像及播放器等的容器。
5.HTML不是一种程序设计语言,作为浏览器的解析对象,为一种标注性语言。
Ø 脚本
在脚本中我们看见了<div></div>,这是什么意思呢?其实除了这个还有一个<span></span>标签,又是什么呢?这就涉及到行内元素和块级元素了。
Ø 行内元素和块级元素
<div></div>:是块级元素,<span></span>:是行内元素,两者的相同点是都可以作为一个容器。
不同点是:块级元素占满一行,而行内元素不是;
如图:
当然我们可以将行内元素变成块级元素,像在CSS中写上这么一句话设计就行:diplay:block,关于CSS我们下篇博客进行讲解。
Ø 标准流
块级元素是占满一行的,这样有规律的依次排列称之为标准流,一旦在CSS中设计样式,比如:float:left;这样就会使其脱离标准流。
Ø 盒子模型
以盒子模型为基准,可以在CSS中设计文字或者图片的大小,位置等等。
Ø 那么HTML的特点是什么呢
1、整份文件处于标记<HTML>与</HTML>之间。
<HTML>用以声明这是 HTML 文件,让浏览器认出并正确处理此 HTML 文件。
2.文件分两部分,由<HEAD>至</HEAD>称为开头,<BODY>至</BODY>称本文。
3、基本上两者各有适用的标记,如<TITLE>只可出现于开头部分。
开头部分用以存载重要资讯,而只有本文部分会被显示。
所以大部分标记会运用于本文部分。
4、<TITLE>所标示的是文件的标题。
会出现于浏览器顶部及为别人 Bookmark 时的名称,所以每页有不同而明确的标题是需要的。
上述标记中只有<BODY>具参数设定。下一篇重点介绍CSS,请关注。