HTML概述

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

HTML概述

阿桥_Qiao   2019-11-13 我要评论

HTML概述

HTML介绍

  HTML全称HyperText Mackeup Language,他是网页超文本标记语言,也是全球广域网上描述网页内容外观的标准。

  从1993到2019年,html发展总共16个年头,语言的版本也在不断的更新迭代。

  那么,在1999年12月份,w3c推荐了此标准,此时html4.01版本诞生。这个版本一直维持了15个年头,在2014年10月份,w3c推荐了HTML5的标准。

html5的诞生更加让我们更加适宜时代要求。在HTML5中视频、音频、图像、动画都会标准化,会解决浏览器兼容这个令人头疼的问题。

HTML结构

首先,来看一段代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

这是一段VScode中新建HTML文件自动生成的整体结构代码

文档声明头

  准确的说,<!DOCTYPE html>,它并不是 HTML 标签,它是指明了该页面使用哪个 HTML 版本进行编译。

html4.01版本文档声明头


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

html5版本文档声明头

<!DOCTYPE html>

  随着html的发展,w3c在定义文档声明头的时候更加的简洁。另外,DTD(Document Type Definition)规定了标记语言的规则,这样浏览器才能正确地呈现内容。

文档就是一个html页面

  每一个页面中的结构,都会有一个最外层的标签,它表示文档内容的开始。

html标签

  html标签包含两部分:头部声明<head>和内容部分<body>

如果把网页比作洋葱,一层包一层,那<html>标签就是洋葱最外层的皮,<html>元素是一张网页的根标签,所以其他所有元素都是是此元素的后代。

head标签

  把一个网页比作一个人的话,那么head标签就是这个人的基本信息,虽然这个没法直接观察到,但这些内容确实存在,并且是在网页中必不可少的。head用于表示网页的中的一个基础的信息(元信息)

body标签

  把一个网页比作一个人的话,那么body标签就是这个人的身体,肤色,痔疮。它里面的内容是看得见摸得着的。对于人的性格,意淫的想法,性取向等body是管不着的。那么body标签包含页面中所有的可见元素,比如网页中的文本的展示内容,漂亮meinv ,动听的音乐,炫酷的电影等都属于body所管。

HTML不区分大小写,也就是说<head><HEAD>都可以,但是所有的标签尽量都小写,因为小写相对比大写来说,它更易于阅读。

HTML注释

html中的注释

注释开始为<!--,结束为-->

<!--这是注释-->

注释快捷键:windows上ctrl+/ , mac上command+/

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们