Hyper Text Markup Language,超级文本标记语言- 普通文本a:无特殊意义,超级文本<a>:超链接- 超文本:文本具备特殊的功能- 标记:超文本的组成形式<a>- 语言:拥有自己的语法结构用该语言编写的文件,以.html 或 .htm为后缀,用来设计网页由浏览器解释运行,可以嵌入脚本语言编写的程序片段,如JS。
标记以封闭类型划分:(1)封闭类型标记.也称双标记,必须成对出现 <标记>内容</标记>(2)非封闭类型的标记,也叫做空标记/单标记 <标记> 或 <标记/>例如:<a href=“www.baidu.com” id=“baidu-link”>标签内容</a>其中:a为标签名,也叫元素; href,id为属性; 双引号中的值为属性值
指尖括号及尖括号间所包围的内容部分元素可以包含文本内容和其他元素,也可以是空的a.包含文本内容:<p>这是一段文本</p>b.元素嵌套:形成更为复杂的语法 <div> <p></p> </div>注意:(1)嵌套顺序;(2)代码缩进(保证代码可读性)c.空标记<b></b>
属性是用来修饰元素的<标记 属性="值" 属性="值"> ex:<p align="center" id="p1"></p>【常用的标准属性】id: 定义元素在页面中的唯一标识title:鼠标移入到元素上时提示的文本class:样式相关,定义元素引用的类选择器style:样式相关,定义元素的行内样式
在源码中编写,但不会被浏览器所解释的内容,成为注释可以将对代码的解释说明放在注释中语法:<!-- 注释内容 -->
(1)文档类型声明指定HTML的版本和风格<!DOCTYPE html>(2)HTML页面表示HTML页面的开始与结束语法:<html></html>位于<!doctype html>之下
包含页面头部和页面主体两部分
页面头部:定义页面全局信息
<head></head>紧跟在html之后,是html中的首个子元素头部所包含的内容(子元素)(1)网页标题:<title>标题内容</title>(2)定义网页的编码格式,关键字,描述 网页的编码格式:<meta charset="utf-8">(utf-8:支持中英文、标点、符号) 关键字:<meta name="keywords" content="关键字"> 描述:<meta name="description" content="描述内容">(3)定义或引用javascript:<script></script>(4)<style></style>定义内部样式(5)<link>引入外部样式
页面主体:网页显示的主体内容
<body></body>【属性】text:表示文本颜色bgcolor:表示网页的背景颜色
简单完整写法如下:
<!doctype html><html> <head> <meta charset="utf-8"/> <title>页面名称</title> <link rel=”stylesheet“ type="text/css" href="文件路径"/> <style>样式</style> <script>js脚本</script></head> <body> <div> <p></p> </div> </body></html>