浏览器:实质上一种执行代码的软件,而这些代码由HTML编写。
扩展名:操作系统通过扩展名判断用什么程序进行处理,.mp3文件则使用音频软件打开(酷狗).mp4 .rm使用QQ影音之类的软件打开, .ppt文件使用Office或WPS软件打开,.HTML类型的文件使用浏览器软件打开。
什么是HTML:
HTML是Hyper Text Markup Language的缩写, 即“超文本标记语言”,是一种解释性语言,用于制作网页界面,使用该语言编写的网页最终被浏览器解释执行。
超文本:
具有普通文本所不具有的超能力的文本,具有超能力的文本,比如<img src="./timg.jpg"/>的超能力就是讲图片在网页文件显示出来。
HTML 基本结构:
<html> <head>
</head> <body>
</body> </html>
|
说明:
<html>与</html>用来标记HTML文档的开始和结束
<head>与</head>用来标记HTML文档的头部开始和结束
<body>与</body>用来标记HTML文档的主体开始和结束
<head>与</head>之间的子标签:
title标签:设置的页面标题 示例
meta标签:提供关于页面的元信息
a、设定字符集,语法结构:<meta http-equiv="Content-Type" content="text/html; charset=value"/> 示例
b、设定关键字,语法结构:<meta name="keywords" content=" keywords1, keywords2,……"/> 示例
c、设定描述,语法结构:<meta name="description" content="value"/>
d、设定自动刷新,语法结构:<meta http-equiv="refresh" content="时间(单位:秒)"/>
e、设定自动跳转,语法结构:<meta http-equiv="refresh" content="时间(单位:秒); url=跳转目标地址"/>
base标签:为页面上的所有链接(包括 <a>、<img>、<link>、<form> 标签中的 URL)规定默认地址或默认目标,该标签必须位于 head 标签内部。
除了上述标签还可以有以下标签:style、link、script等等标签,这些标签后续为大家逐一介绍。
HTML标签
HTML标签指使用尖括号括起来的关键字,分为单标签和双标签
单标签:标签单独出现,语法:<标签名/>,比如<br/>。可以没有标签反斜线,即<br>也可以,但是这样不符合W3C规范
双标签:标签成对出现,语法:<标签名>内容</标签名>,比如<html></html>
注意:HTML标签中的标签名不区分大小写,但为了符合W3C规范,推荐使用小写。
HTML标签属性
HTML标签属性放在起始标签的尖括号内,如果有多个属性,则使用空格分开,语法结构:
单标签:<标签名 属性名1="属性值1" 属性名2="属性值2" ... 属性名N="属性值N"/>,比如link标签中rel 、type和href属性
双标签:<标签名 属性名1="属性值1" 属性名2="属性值2" ... 属性名N="属性值N">内容</标签名>,比如form标签action、method和enctype
注意:
1、属性之间使用空格间隔;
2、属性出现的先后顺序没有要求;
3、某些属性值可以不使用双引号引起来;但为了符合W3C标准,要求所有的属性值都使用双引号引起来;
注释
语法结构:<!--注释内容-->
注意:注释内容不会在浏览器渲染后的界面上显示出来
特殊符号
特殊符号 | 字符实体 | 特殊符号 | 字符实体 |
空格 | | × | × |
" | " | ÷ | ÷ |
& | & | ¥ | ¥ |
< | < | € | € |
> | > | £ | £ |
© | © | • | · |
® | ® | ™ | ™ |
± | ± | § | § |