HTML
Hyper Text Markup Language(超文本标记语言)
超文本包括:文字、图片、音频、视频、动画等
HTML5优势
1、跨平台
2、兼容性(市场的需求)
3、各大浏览器厂商支持
W3C
World Wide Web Consortium(万维网联盟)
成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
World Wide Web Consortium (W3C)
W3C标准包括
结构化标准语言(XHTML 、XML)房子的地基、框架
表现标准语言(CSS)房子在框架基础上填充的墙
行为标准(DOM、ECMAScript )房子里的电梯,实现交互
HTML网页基本结构
3个标签元素
语言规范<html> 头部<head> 主体<body>
(< body>、</body>等成对的标签,分别叫开放标签和闭合标签
单独呈现的标签(空元素),如 <hr/> ;意为用 / 来关闭空元素)
<!DOCTYPE html>:告诉浏览器使用什么规范
<title>网页名</title>:标签
<meta charset="UTF-8">:网页字符编码
(gb2312包含全部中文字符,UTF-8 则包含全世界所有国家需要用到的字符
页面编码应与页面文件保存时的编码一致)
<h1>标题</h1>:标题标签,<h1>~<h6> 从大到小,一共6级标签
<p>段落</p>:段落标签
<br />:换行标签(<br>和<br/>和<br />一样的,<br />兼容两种)
<hr/>:水平线标签
<strong>字体样式</strong>或者<b></b>:字体加粗
<em>字体样式</em>或者<i></i>:字体倾斜
注释和特殊符号
空格
> 大于号>
< 小于号<
" 引号"
© 版权符号
常见的图像格式:JPG,GIF,PNG,BMP
<img src="path" alt="text" title="text" width="x" height="y" />
img:图片 src:图像地址 alt:图像的替代文字 title:鼠标悬停提示文字
width:图像宽度 height:图像长度
页面间链接
<a href="path" target="目标窗口位置">链接文本或图像</a>
a:超链接 href:链接地址
target:链接在哪个窗口打开,常用值:_self覆盖本页面、_blank另起一个页面
锚链接
<a href="#marker">甲位置</a>:创建跳转链接
<a name="marker">乙位置</a>:创建跳转标记(name可换成id)
功能性链接
<a href="mailto:bdqnWebmaster@bdqn.cn">联系我们</a>
mailto:邮箱、qq、msn,网页地址
块元素:无论内容多少,该元素独占一行(p、h1-h6…)
行内元素:内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em…)