您当前的位置:首页 > 电脑百科 > 程序开发 > 语言 > HTML

什么是HTML,看完这篇文章就懂了

时间:2020-08-24 17:03:27  来源:  作者:

在这互联网发达的21世纪,html作为网络的通用语言,一种简单、通用的全置标记语言,你竟然还没有掌握?

什么是HTML,看完这篇文章就懂了

 

HTML是什么

1.超文本标记语言(Hyper Text Mark-up Language)

2.用来设计网页的标记语言

3.用该语言编写的文件,以.html或.htm为后缀

4.由浏览器解释执行

5.不区分大小写,建议小写

HTML标签标签

1.HTML用于描述功能的符号成为“标签”

2.标签都封装在一对尖括号“<...>”之中,如<html>就是一个标签

3.封闭类型标记(也叫标记),必须成对出现,如<p></p>

非封闭类型标记,也叫空标记,或者但标记,如

web浏览器的作用是读取HTML文档,并以网页的形式显示出它们。浏览器不会显示HTML标签,而是使用标签来解释网页的内容。

什么是HTML,看完这篇文章就懂了

 

HTML元素

指的是从开始标签(start tag)到结束标签(end tag)的所有代码

HTML 元素语法

HTML 元素以开始标签起始 以结束标签终止

元素的内容是开始标签与结束标签之间的内容

某些HTML元素具有空内容(empty content)

空元素在开始标签中进行关闭(一开始标签的结束而结束)

大多数HTML元素可拥有属性

HTML属性与值

1.属性是用来修饰元素的

属性必须位于开始标签里

一个元素的属性可能不止一个,多个属性之间用空格隔开

2.每个属性都有值

属性和属性的值之间用等号链接

属性的值包含在引号当中

属性总是以名称/值对的形式出现

< p align="center">段落一</p>

其中align是属性 ceenter是属性值

注释

1.为代码添加适当的注释是一种良好的编辑习惯

2.注释只在编辑文本情况下可见,在浏览器展示页面是并不会显示

3.注释标签不支持任何属性

4.语法:<!--注释的文本内容-->

<1."<!--"和:-->"之间的任何内容都不会显示在浏览器种

<2.注释不可以嵌套在其他注释中

<3.注释不可以位于嵌在<>中

html的基本结构

< !DOCTYPE html>

以下文档类型声明

<html lang="en">

     <head>
        <meta charset="UTF-8">
        <title>网页标题</title>  文档标题,一个网页只能有一个标题
    </head>

<body> ​ <!--网页内容,可以使文本、图像等--> ​ </body> </html>

什么是DTD文档模型,为什么写在HTML当中?

DTD文档模型也称DOCTPE文档说明,它是Document Type Definition 的英文缩写,意思是文档类型定义,在HTML文档中,用来指定页面所使用的HTML(或者XHTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,HTML里的标识和css才能正常生效。它一般被定义喜爱页面的第一行,html标签之前。

xhtml和html 的区别

XHTML是HTML向xml的一个过渡语言,在最初W3C组织希望把HTML变成更为严谨的标记语言(比如XML),但HTML的已经应用的太为广泛,全部换掉不现实。因此产生了XHTML这样一种过渡形式。它比HTML更严谨,基本标签都还是沿用了HTML,但废除了“变现层”标签,同时要求标签的严格嵌套,标签结束等等。

随着互联网的发展,以及对HTML5人才需求的增加,HTML5相关工作的信息也是水涨船高,前景可谓是一片光明。最近几年,HTML5不断的发展,各大浏览器也在不断兼容HTML5技术,如今的微信小程序手机移动端的使用都离不开HTML5,对于这种现象,HTML5应用的范围已经拓展到各个行业中,所以每个行业对HTML5的人才需求都是很大的。



Tags:HTML   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
《开源精选》是我们分享Github、Gitee等开源社区中优质项目的栏目,包括技术、学习、实用与各种有趣的内容。本期推荐的是一个开源的 HTML5 视频播放器插件&mdash;&mdash;MuiP...【详细内容】
2021-12-16  Tags: HTML  点击:(22)  评论:(0)  加入收藏
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  Tags: HTML  点击:(322)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  Tags: HTML  点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  Tags: HTML  点击:(26)  评论:(0)  加入收藏
Web项目开发中视频播放是一个非常常见的需求,需要播放器能够支持pc端和移动端的使用,并且支持常见的视频格式。我们从github上精选了5款优秀的Html5 播放器插件分享给大家。(排...【详细内容】
2021-09-17  Tags: HTML  点击:(99)  评论:(0)  加入收藏
前言在刚接触HTML的时候,你是否被它众多的标签所惊讶?尤其是HTNL5的标签,新增了不少,很多HTML4的标签跨版本之后就用不了了,如此多的标签,要记是不可能记完的,我们只需要一些常用的...【详细内容】
2021-08-27  Tags: HTML  点击:(343)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  Tags: HTML  点击:(89)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  Tags: HTML  点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  Tags: HTML  点击:(141)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  Tags: HTML  点击:(218)  评论:(0)  加入收藏
▌简易百科推荐
此文由掘金@天行天忌授权发布,前端晚间课对其内容进行微改。 HTML,超文本标记语言,是一种用于创建网页的标准标记语言。自从引入 HTML 以来,它就一直用于构建互联网。与 JavaScr...【详细内容】
2021-11-23  前端晚间课    Tags:HTML6   点击:(322)  评论:(0)  加入收藏
HTML是什么?超文本标记语言(Hyper Text Markup Language),标准通用标记语言下的一个应用。HTML 不是一种编程语言,而是一种标记语言 (markup language),是网页制作所必备的。“...【详细内容】
2021-11-05  人生三部曲丶    Tags:HTML   点击:(40)  评论:(0)  加入收藏
一、iframe标签 自己编写的页面中如果要引用外部的页面的话,可以使用iframe标签来实现。为了更好地理解举个例子,前面几篇中我们都是在index.hmtl中编写代码。如果有个需求是...【详细内容】
2021-11-03  HillelDu    Tags:html   点击:(26)  评论:(0)  加入收藏
我们倾向于使用HTML与CSS、JavaScript等,使我们的网站或博客看起来更有吸引力,但你知道仅HTML就有很多实用的秘密,可能会派上用场,帮助你设计一个华丽的网站?下面是一些很酷的HTM...【详细内容】
2021-08-13  杭州程序员小张    Tags:HTML   点击:(89)  评论:(0)  加入收藏
meta 标签分两大部分:HTTP 标题信息(http-equiv)和页面描述信息(name)。 1、声明文档使用的字符编码<meta charset=&#39;utf-8&#39;>以下设置更为详细:<meta http-equiv="Content-...【详细内容】
2021-08-12  简易编程    Tags:meta标签   点击:(91)  评论:(0)  加入收藏
本节我们讲HTML表单标签,当你在网页输入框提交一个数据,这条数据一般是提交给了服务器,然后服务器根据请求返回你想要的数据,这个你输入信息的输入框或者提交的按钮就是HTML表...【详细内容】
2021-06-25  科技现象    Tags:HTML   点击:(141)  评论:(0)  加入收藏
背景日常工作中,项目编程免不了需要使用配置文件,早期yaml出现之前,大部分配置文件采用xml形式,但是以xml格式储存的数据要比以其他格式(如json、yaml)储存占有的空间要大得多,因为...【详细内容】
2021-06-21  爱读书的程序员    Tags:yaml   点击:(265)  评论:(0)  加入收藏
XML; 是什么? Extensible Markup Languare 可扩展标记型语言 为什么要有XML? 1.HTML的标签是固定的,不可以改变,也不可以进行一个&middot;&middot;&middot;扩展 2.HTML语法松散...【详细内容】
2021-06-01  LeviT    Tags:XML   点击:(193)  评论:(0)  加入收藏
同事跟我说他用jQuery取不到页面上隐藏元素input的值,他的html页面大概内容如下。<!DOCTYPE html><html lang="zh"> <head> <meta http-equiv="Content-Type" content="text/...【详细内容】
2021-05-18  IT洞察者    Tags:Html   点击:(218)  评论:(0)  加入收藏
HTML5语义化与新特性什么是HTML语义化?表示选择合适的标签(语义化标签)便于开发者阅读和写出更优雅的代码为什么要使用语义化标签?1). 在没有CSS样式的情况下,页面整体也会呈现...【详细内容】
2021-03-02      Tags:HTML   点击:(236)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条