美文网首页让前端飞程序员
几分钟教你认识——HTML

几分钟教你认识——HTML

作者: 子瑜说IT | 来源:发表于2019-04-11 16:42 被阅读2次

HTML 为超文本标记语言 (Hyper Text Markup Language),它是用来描述网页的一种语言,它并不是一种编程语言,它是一套标记标签。

强烈建议从事互联网行业的人了解一下 HTML 这一门技术,因为网页就是通过它进行描述的,学会这门技能是有一定好处的。

image

标签

标签是由尖括号包围的关键词,例如:<div>;

标签通常是成对出现,第一个是开始标签<span>,第二个是结束标签</span>;

标签内部可以设置属性,例如:<div color="red"></div>;

标签相互之间可以嵌套,例如<div color="red"><span>你好</span></div>,层层嵌套可以组合成复杂的 DOM 树;

image

文档

一个完整的 HTML 文档(网页)包含由标签:<html>、<head>、<body>等标签组成:

<head>内部的 HTML 是不可见的,是用来描述文档或者引用外部资源的;

<body>之间的内容是可见的,我们丰富的页面都是由这里面的标签显示出来的。

<html>

<head>

</head>

<body>

这里是网页显示的内容 </body></html>

image

HTML 元素

HTML 元素指的是从开始标签到结束标签的所有代码。

元素语法

HTML 元素以开始标签起始;

HTML 元素以结束标签终止;

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

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

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

大多数 HTML 元素可拥有属性。

请使用小写标签

image

HTML 属性

HTML 标签是可以拥有属性的,属性使得 HTML 元素提供更多的信息;

属性通常是以键值(key\value)对的形式出现例如:<div name="value"></div>;

属性总是在元素的开始标签中定义的。

image

常用标签

HTML 的标签相当丰富,并且加上更多功能的属性,让网页能过有丰富的表现能力。

文章:<article></article>;

页眉:<header></header>;

页脚:<footer></footer>;

导航:<nav></nav>;

标题:<h1>/<h1>;

段落:<p></p>;

节:<div></div>;

链接:<a></a>;

表格:<table></table>;

表单:<form></form>;

输入:<input></input>;

image

如果您对这个文章有任何异议,那么请在文章评论处写上你的评论。

如果您觉得这个文章有意思,那么请分享并转发,或者也可以关注一下表示您对我们文章的认可与鼓励。

相关文章

  • 几分钟教你认识——HTML

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

  • 几分钟教你认识前端——HTML和css基础知识

    Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于...

  • HTML5+React Native跨平台开发教程【源代码+视频

    怎么开发一款网页,视频中从选择浏览器开始到最后的实现,手把手教你做~ ●HTML基础知识 ●认识HTML ●背景和...

  • 认识html

    1.认识html 1.什么是html html是超文本标记语言 超文本- 除了文字以外,还可以对图片、视频、音频、...

  • 认识HTML

    HTML和XHTML、HTML5区别 在HTML的早期发展中,大部分标准都是所谓的retro-spec,即先有实现...

  • 认识HTML

    HTML、XML、XHTML的区别 首先,这三种都是标记语言,是html书写的规范。 HTMLhtml 是超文本标...

  • 认识HTML

    Web服务器能做什么? 服务器就是一个连接到互联网的计算机,全天候等待浏览器的请求。每个服务器会存储HTML文件、...

  • 认识html

    HTML(Hyper text markup languag)超文本标记语言 Html结构标准 < ! ...

  • 认识HTML

    HTML是什么? 定义:HTML 是用来描述网页的一种语言 HTML 指的是超文本标记语言: HyperText ...

  • 认识HTML

    HTML、XML、XHTML 有什么区别 html即是超文本标记语言,语法较为松散,不严格的web语言 XML既是...

网友评论

    本文标题:几分钟教你认识——HTML

    本文链接:https://www.haomeiwen.com/subject/opbtwqtx.html