《图解HTML》第三节 HTML简介
由前面两个章节了解到,浏览器如同一个加工厂,在这个加工厂里面,有HTML、CSS、JS三大零件,然后浏览器将这些零件组装成一张张美丽的网页。
HTML负责骨架,CSS负责样式,JS负责行为。
那么HTML是什么呢?
HTML是Hyper Text Markup Language(超文本标记语言)的简写,是一种标记语言,而不是一种编程语言,是网页制作所必备的。超文本,本质也是文本。
自HTML3.2之后,由W3C推荐标准,定义了多种类型的元素(div,p...)和众多类型的属性值(id,name...)。
HTML文档基本结构
HTML基本结构图
HTML文档基本结构示例
Document
百度一下你就知道 在网页上方的标签中显示:百度一下你就知道,相当于一个关键字搜索引擎可以通过关键字查找到此页面。
主题部分(body)
body元素是网页的主体部分,网页的内容都写在里面,包括文本,图像,表单,音频,视频等其他内容。
我们编写网页的头部在head里编写,主体是在body内编写。在head里面可编写的内容大多是固定的,而在主体中的标签却是繁多且灵活组合使用的。
带5标识的,是HTML5新增的标签:
HTML标签
标签的分类
如此多的标签,看得眼花缭乱,可以适当的将它们分分类。例如单标签/双标签,块级元素/内联元素,或者根据功能分类。
单标签/双标签
单标签:
双标签:
除去以上的单标签都是双标签
块级元素/内联元素
块级元素定义
总是在新行上开始;
高度,行高以及外边距和内边距都可控制;
宽度缺省是它的容器的100%,除非设定一个宽度。
它可以容纳内联元素和其他块元素
内联元素定义
和其他元素都在一行上;
高,行高及外边距和内边距不可改变;
宽度就是它的文字或图片的宽度,不可改变
内联元素只能容纳文本或者其他内联元素
块级元素有哪些
//定义地址
//定义表格标题
//定义列表中定义条目
Hello World
文件类型描述(DOCTYPE)
为了说明文档使用的超文本标记语言标准,所有超文本标记语言文档应该以“文件类型声明”(外语全称加缩写)开头,引用一个文件类型描述或者必要情况下自定义一个文件类型描述。举例来说:
html5:
html4:
根标签(html)
html文档的最高节点标签。
元数据(meta)
元数据(Metadata)是数据的数据信息。
标签提供了 HTML 文档的元数据。元数据不会显示在客户端,但是会被浏览器解析。
META元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者及其他元数据。
元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。
网页标题(title)
title是网页的标题元素包含在head中例如: //定义文档中的分区或节
- //定义列表
- //定义列表中的项目