HTML 为超文本标记语言 (Hyper Text Markup Language),它是用来描述网页的一种语言,它并不是一种编程语言,它是一套标记标签。
强烈建议从事互联网行业的人了解一下 HTML 这一门技术,因为网页就是通过它进行描述的,学会这门技能是有一定好处的。
标签
- 标签是由尖括号包围的关键词,例如:
<div>
; - 标签通常是成对出现,第一个是开始标签
<span>
,第二个是结束标签</span>
; - 标签内部可以设置属性,例如:
<div color="red"></div>
; - 标签相互之间可以嵌套,例如
<div color="red"><span>你好</span></div>
,层层嵌套可以组合成复杂的 DOM 树;
文档
一个完整的 HTML 文档(网页)包含由标签:<html>
、<head>
、<body>
等标签组成:
-
<head>
内部的 HTML 是不可见的,是用来描述文档或者引用外部资源的; -
<body>
之间的内容是可见的,我们丰富的页面都是由这里面的标签显示出来的。
<html>
<head>
</head>
<body>
这里是网页显示的内容
</body>
</html>
HTML 元素
HTML 元素指的是从开始标签到结束标签的所有代码。
元素语法
- HTML 元素以开始标签起始;
- HTML 元素以结束标签终止;
- 元素的内容是开始标签与结束标签之间的内容;
- 某些 HTML 元素具有空内容(empty content);
- 空元素在开始标签中进行关闭(以开始标签的结束而结束);
- 大多数 HTML 元素可拥有属性。
- 请使用小写标签
HTML 属性
- HTML 标签是可以拥有属性的,属性使得 HTML 元素提供更多的信息;
- 属性通常是以键\值(key\value)对的形式出现例如:
<div name="value"></div>
; - 属性总是在元素的开始标签中定义的。
常用标签
HTML 的标签相当丰富,并且加上更多功能的属性,让网页能过有丰富的表现能力。
- 文章:
<article></article>
; - 页眉:
<header></header>
; - 页脚:
<footer></footer>
; - 导航:
<nav></nav>
; - 标题:
<h1>/<h1>
; - 段落:
<p></p>
; - 节:
<div></div>
; - 链接:
<a></a>
; - 表格:
<table></table>
; - 表单:
<form></form>
; - 输入:
<input></input>
; - 等等...
网友评论