本文深入浅出地介绍了HTML作为网页语言的基础概念，包括其基本结构、注释与特殊字符使用、body标签属性、格式标签、文本标签、超链接标签、图像标签及图像地图的创建方法。
Html
Html就是超文本标记语言的简写，是最基础的网页语言。
Html是通过标签来定义的语言，代码都是由标签所组成。
Html代码不用区分大小写。
Html代码由<html>开始</html>结束。里面由头部分<head></head>和体部分<body></body>两部分组成。
头部分是给Html页面增加一些辅助或者属性信息，它里面的内容会最先加载。
体部分是真正存放页面数据的地方
1 HTML注释与特殊字符
用<!--注释-->这种格式加入注释
常用特殊字符表:
HTML编码 显示或处理结果
< <
> >
& &
" "
® ®
© ©
&trade ™
  空格字符
2 body标签的属性
text属性用于设置网页中文本的颜色
link属性用于设置一般超链接文本的显示颜色
alink属性用于设定鼠标移动到超链接上方时超链接文本的颜色
vlink属性用于设定访问过的超链接文本的显示颜色
leftmargin属性用于设定显示画面与浏览器左边缘的间隙,单位为像素
topmargin属性用于设定显示画面与浏览器上边缘的间隙,单位为像素
3 格式标签
<p></p> 段落标签
<br> 换行标签
<nobr></nobr> 防止因为文本过长浏览器自动换行
<blockquote></blockquote> 以缩进的方式显示文本
<center></center> 将内容居中显示
<marquee></marquee> 滚动标签 属性 direction= left right up down
behavior=slide 滚动一次
behavior=scroll 循环滚动
behavior=alternate 来回滚动
<ol><li></ol>有序列表
<ul><li></ul>无序列表
<pre></pre>预格式文本标签
4 文本标签
<b></b>粗体字
<i></i>斜体
<u></u>下划线
<sub></sub>下标
<sup></sup>上标
<tt></tt>打印机风格显示文本
<cite></cite>引用方式显示文本
<em></em>强调的文本
<strong></strong>加重的文本
<font></font> 属性(face:字体 size:大小 color:颜色)
5 超链接标签
<a href = "url"></a>
<a href = "mailto:....." subject="主题"><a>
<a name = "name"><a href = "#name">同一页面的跳转
URL(Uniform Resource Locator)统一资源定位
url的基本组成:协议 主机名 端口号 资源名
HTTP://www.baidu.com:8080/index.html
6 图像标签
<image>标签 属性src ="url" alt align border width height
图像超链接 <a href="url"><img src="logo.gif"></a>
图像地图:一副图像分成多个区域,每个区域指向不同的url地址，区域称为热点
怎样产生图像地图:
(1)首先必须定义出图像的各个热点的形状、位置坐标、及其指向的URL地址，这过程叫做热点映射，图像热点映射需要使用<map name=mapname></map>标签对进行说明
(2)图像映射中的各个区域用<area>标签进行说明,<area>标签的格式为<area shape="形状" coords="坐标" href="url">,href也可用nohref进行替换,表示在该区域点击鼠标无效,<area>
标签还有一个target属性,用来指明浏览器在哪个窗口或者帧中显示href指向的资源
(3)定义好图像热点映射后,就在<img>中加入一个名为usemap的属性设置,usemap属性指定该图像被用作图像地图,值为图像热点映射名称,例如<img src="china.jpg" usemap="#mymap">
sharp属性设置说明:
rect 矩形 coords属性设置其左上角和右下角的坐标
poly 多边形 coords属性设置其各个顶点的坐标
cicle 圆 coords属性设置其圆心的坐标及其半径
扫一扫
1456
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
