HTML一些基础知识点

简介: HTML一些基础知识点

1、HTML基础


1.1、什么是网页?


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



1.2、什么是HTML?


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



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


      常用的五大浏览器有:IE浏览器、火狐浏览器(Firefox)、g谷歌浏览器(Chrome)、Safari浏览器、欧朋浏览器(Opera)


f2d736b1360ea615229ed2ca20db1f75_961fe514d5239368200f991191aeb62d.jpg


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页面固定结构

be50d9cd523186be40bb497fdb27f5b0_93fdd19d3a7c9ab8c3e67455a1460827.jpg



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的元素


块级元素特点:



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


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


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


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



常见的块级元素:

c482d45b781a63c09b47d946ca90a24d_00359e012bd8b4131f17f45881c25774.jpg

相关文章
|
前端开发
详解HTML的盒模型以及HTML相关知识点
详解HTML的盒模型以及HTML相关知识点
80 0
|
前端开发 数据安全/隐私保护
HTML内容部分知识点
HTML内容部分知识点
|
1月前
|
移动开发 前端开发 JavaScript
[HTML、CSS]知识点
本文涵盖前端知识点扩展、HTML标签(如video、input、canvas)、datalist和details标签的使用方法,以及CSS布局技巧(如margin、overflow: hidden和动态height)。文章旨在分享作者的学习经验和实用技巧。
33 1
[HTML、CSS]知识点
|
6月前
|
JavaScript 前端开发 数据安全/隐私保护
HTML基础知识详解(下)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
HTML基础知识详解(下)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
|
3月前
|
存储 移动开发 前端开发
「offer来了」面试中必考的15个html知识点
该文章汇总了前端面试中常见的15个HTML知识点,涵盖了从HTML文档的规范书写、doctype声明的作用到新兴的HTML5标签应用及移动端viewport设置等内容,旨在帮助求职者更好地准备相关技术面试。
「offer来了」面试中必考的15个html知识点
|
4月前
|
移动开发 前端开发 搜索推荐
HTML基础知识点
HTML基础知识点
62 2
|
6月前
|
前端开发
HTML基础知识详解(中)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
HTML基础知识详解(中)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
|
6月前
|
前端开发 容器
HTML基础知识详解(上)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
HTML基础知识详解(上)(如果想知道html的全部基础知识点,那么只看这一篇就足够了!)
|
6月前
|
Web App开发 移动开发 前端开发
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 二
53 1
|
6月前
|
移动开发 前端开发 HTML5
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器一
Web网页制作-知识点(3)——HTML5新增标签、CSS简介、CSS的引入方式、选择器、字体属性、背景属性、表格属性、关系选择器 一
84 1