超文本标记语言Hyper Text Markup Language
超文本包括:文字、图片、音频、视频、动画等。
- 世界知名浏览器厂商对html5的支持
- 市场的需求
- 跨平台
World Wide Web Consortium(万维网联盟)
结构化标准语言(XHTML、XML)
表现标准语言(CSS)
行为标准(DOM、ECMAScript)
DOCTYPE html> /*告知浏览器的使用规范*/
<html>
<head lang="en">
<meta charset="utf-8"/>
<title>我的第一个网页title>
head>
<body>
我的第一个网页
body>
html>
<meta charset="UTF-8" />
gb2312包含全部中文字符
utf-8 则包含全世界所有国家需要用到的字符
页面编码应与页面文件保存时的编码一致
<meta name="keywords" content="北大青鸟,IT培训" />
<meta name="description" content="北大青鸟是国内最大的……" />
h1~h6 标题标签
p 段落标签
br 强制换行
hr 水平线
strong 加粗
em 倾斜
del 删除线
<strong>字体加粗strong>
<em>斜体em>
注释快捷键:ctrl+/
书写形式:
| 特殊符号 | 字符实体 | 示例 |
|---|---|---|
| 空格 |   ; | |
| 大于号(>) | > ; | |
| 小于号(<) | < ; | |
| 引号(") | " ; | |
| 版权符号@ | © ; |
- JPG,GIF,PNG,BMP
语法:
< img src="path" alt="text" title="text" width="x" height="y" />
- src:图像地址
- alt:图像的代替文字(错误提示)
- title:鼠标悬停提示文字
- width,height:图片的长宽设定
内部路径
相对路径:…/目录/文件1/文件2
绝对路径:绝对路径以“/”开始
外部路径:http://
<a href="path" target="目标窗口位置">链接文本或图像a>
href:链接地址
target:链接窗口打开方式,常用值 _self,一个网页的跳转;
_blank,另外开一个网页跳转;
页面间连接:从一个页面链接到另外一个页面;
锚链接: 从A页面的甲位置跳转到本页中的乙位置;
从A页面的甲位置跳转到B页面中的乙位置;
<a href="#freename">甲位置a>
<a name="freename">乙位置a>
<a href="index03.html#wxy4">锚链接a>
功能连接: href=“tel:xxxxx”;
<a href="mailto:bdqnWebmaster@bdqn.cn"> 联系我们 a>
块级元素:无论内容多少,该元素独占一行(p、h1-h6…)
行内元素:内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…),不会换行(内容大,就占多大)