HTML
Hyper Text Markup Language 超文本标记语言
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容
主要特点
- 简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
- 可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
- 平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
- 通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
HTML 后缀 .html .htm
直接通过浏览器就可以运行
HTML 的规范(遵循)
- HTML文件开始标签和结束标签
<html> </html>
2 html包含两部分
<head> </head> 设置相关信息
<body> </body> 显示在页面上的内容都写在body里面
3 标签成对出现 有开始标签就要有结束标签
4 html代码不区分大小写
5 有些标签 没有结束标签 在标签内结束
-比如 换行 <br/> 水平分隔线(horizontal rule)<hr/>
HTML操作思想
为了不同的显示效果 可以使用标签把要操作的数据包起来,通过修改标签的属性值实现标签内的数据样式的变化
一个标签相当于一个容器,想要修改容器内的数据样式,只需要改变容器的属性
HTML常用标签
注释标签
<!-- html 注释 -->
标题标签
<h1>标题一</h1>
<h2>标题二</h2>
<h3>标题三</h3>
<h6>标题六</h6>
水平分隔线(horizontal rule)
<hr size=”5” color=”blue”/>
字体标签
<font size=”5” color=”red”> 这是我第一个html </font>
Title标签
<title>这是一个标题</title>
特殊字符
< <
> >
空格
<html>:是 网页的开始!
<html>:是 网页的开始!
列表标签
<dl>
<dt>传智</dt>
<dd>财务部</dd>
<dd>学工部</dd>
<dd>人事部</dd>
</dl>
<hr/>
<ol type=”i”>
<li>财务部</li>
<li>学工部</li>
<li>人事部</li>
</ol>
图像标签
<img src=”图片的路径” width=”300” height=”400”/>
图片路径
绝对路径
F:\myeclipse相关文件\user\WebRoot\users\a.jsp
相对路径
HTML文件和图片再一个路径下 可以直接写文件名
例如 src=”b1.jsp”
图片在HTML文件的下层目录
img\a.jpg
图片在HTML文件的上层目录
..\c.jpg
上层的上层 ..\..\