HTML一些基础知识点

1、HTML基础

1.1、什么是网页？

       网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一页，是超文本标记语言格式。它通常是由图片、文字、链接、声音、视频等元素组成。通过网页浏览器访问。

 

1.2、什么是HTML？

       HTML 指的是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言。

 

1.3、常用的浏览器有哪些？

       常用的五大浏览器有：IE浏览器、火狐浏览器（Firefox）、g谷歌浏览器（Chrome）、Safari浏览器、欧朋浏览器（Opera）

 1.4、什么是web标准？

       web 标准也成为网页标准，它是由一系列标准组成，这些标准大部分由W3C负责定制，也有一些标准由其他标准组织制定。

 

1.5、web标准的构成

 

标准    作用     结构

 结构

用于对网页元素进行整理和分类，主要指的是HTML

 

表现

 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS

行为 

行为是指网页模型的定义及交互的编写，主要指的是Javascript

 

1.6、web标准的好处有哪些？

提高兼容性：对于浏览器开发商和web程序开发人员在开发新的应用程序时遵守指定的标准更利于web的发展。

提高开发效率：开发人员按照web标准制作网页，这样对于开发者来说就更简单了，可以很容易了解彼此的代码。

跨平台：使用web标签，将确保所有浏览器正常的显示网页，无需费时重写。

加快网页解析速度：遵守web标准可以使网页更利于搜索引擎搜索。

易于维护：页面的样式和布局信息保存在单独的CSS文件中，想改变页面外观时，仅需要修改CSS文件即可。

2、HTML基本标签

2.1、HTML页面固定结构

 

 html标签：网页的整体

head标签：网页的头部

body标签：网页的身体

title标签：网页的标题

 

2.2、HTML标签分类

2.2.1 按闭合特征分类

闭合标签：由开始标签和结束标签共同组成，成对出现；常见的闭合标签有<div></div><p></p>、<span></span>等。标签之间的关系可以存在并列及嵌套关系。

单标签：指没有内容的标签，在开始标签中自带闭合标识符。常见的单标签有<img/>、<hr/>、<link/>、<meta/>、<input/>、<br/>等。

2.2.2 按显示模式分类

块级元素：块级元素是指本身属性为display: block的元素。

行内元素：行内元素是指本身属性为display: inline的元素，其宽度随着元素的内容变化而变化，也叫内联元素。

行内块元素：行内块级元素是指本身属性为display: inline-block的元素

块级元素特点：

 

每一个块级元素独占一行，从上到下排布。

块级元素可以直接控制宽高。

不设置宽度的情况下，块级元素的宽度是其父元素内容的宽度。

不设置高度的情况下，块级元素的高度是他本身内容的高度。

 

常见的块级元素：