什么是HTML?
1.HTML:超文本标记语言(Hyper Text Markup Language)。
2.HTML不是一种编程语言,而是一种标记语言,描述网页的语言。
3.HTML使用标签描述网页中图片、文本、音乐、视频、超链接等。
HTML发展史
1993-6(HTML诞生)------>1995-11(HTML2.0)------>1996-1-14(HTML3.2)------>1997-12-18(HTML4.0)------>1999-12-24(HTML4.01)------>2000-1-26(XHTML1.0)------>2001-5-31(XHTML1.1)------>2013-5-6(HTML5)
HTML5的优势
1.世界知名浏览器厂商对HTML5的支持
·微软
·苹果
·Opera
`Mozilla
2.市场的需求
3.跨平台
W3C标准
W3C(World Wide Web Consortium)(万维网联盟)
成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准结构。
W3C标准包括
1.结构化标准语言(XHTML、XML)
2.表现标准语言(CSS)
3.行为标准(DOM、ECMAScript)
开发环境及开发工具
1.开发环境:windows,linux,Mac OSX.
2.开发工具:Dreamweaver,Eclipse,FrontPage,WebStorm......
3.WebStorm优点:智能的代码补全,代码提示,自动保存......
HTML基本结构
<html>
<head>
<title>我的第一个网页</title> <------网页头部
</head>
<body>
我的第一个网页 <------主体部分
</body>
</html>
注意:<body>、</body>等成对的标签,分别叫开放标签和闭合标签。
单独呈现的标签(空元素),如<hr/>;意为用“/”来关闭空元素。
网页的基本标签
标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>一级标题</h3>
<h4>一级标题</h4>
<h5>一级标题</h5>
<h6>一级标题</h6>
段落标签: <p>...</p>
换行标签: <br/>
水平线标签:<hr/>
字体样式标签:
加粗:<strong>...</strong>
斜体:<em>...</em>
注释和特殊符号:
空格:
大于号(>):>
小于号(<):<
引号("):"
版权符号@:©
图像标签
常见的图像格式:JPG、GIF、PNG、BMP
语法:
<img src="path"(图像地址) alt="text"(图像的代替文字) title="text"(鼠标悬停提示文字) width="x"(图像宽度) height="y"(图像高度)/>
链接标签
语法:
<a href="path"(链接路径) target(链接在哪个窗口打开)="目标窗口位置"(常用值:—self、—blank)>链接文本或图像</a>
(—self:自身窗口 —blank:新建窗口)
超链接
<a href="链接地址"target="目标窗口位置">文本或图像</a>
超链接的应用
1.页面间链接:A页到B页,网上常见链接。
<a href="跳转后页面的路径">热点文本/图像</a>
2.锚链接:调至自身固定位置,或A页跳到B页固定位置,需锚标记。
跳转到同一个页面的固定位置
<a href="#me">点击我</a>
<a name="me">跳转到这里来</a>
跳转到不同页面的固定位置
1.html
<a href="2.html#me">点击我</a>
2.html
<a name="me">跳转到我这里来</a>
3.功能性链接:电子邮件、QQ、MSN等链接。
<a href="mailto:邮箱地址">给站长写信</a>
行内元素和块元素
块元素:无论内容多少,该元素独占一行(p、h1-h6...)
行内元素:内容撑开宽度,左右都是行内元素的可以排在一行(a、strong、em...)