注释:<!-- 注释内容 -->
<body>元素的属性:
<body background="tk.jpg" bgcolor="#ccffcc" text="#000000" bgproperies="fixed">
bgcolor:规定背景颜色。
background="tk.jpg":使用“tk.jpg”作为背景图片。
text:规定文档文字的颜色。
bgproperties="fixed"它把背景图像冻结在浏览窗口,这样它就不会随着其他窗口内容而滚动了。
超链接的颜色: <BODY link="blue" vlink="red" alink="green">
link:规定了文档中未访问链接的默认颜色。
alink:规定文档中活动链接(active link)的的颜色。
vlink:规定文档中已被访问链接的颜色。
设置网页主体距网页左端和顶端的距离:<BODY leftmargin=100 topmargin=100>
leftmargin:设置文本左边距
topmargin:设置文本上边距
文字布局:
在 html 中表示一个空格,因为在 html 中如果需要多个空格(多于1)的话,如果手动敲空格,不管敲多少个,显示出来的还是只有一个,这个时候就需要用了。
<p>段。
<br>自动换行。
<nobr>...</nobr> 元素避免文本换行。
" 双引号
文字段落格式控制:
<b>...</b>:字体加粗。
<i>..</i>:斜体字。
<u>..</u>下画线。
<s>..</s>带删除线。
<sup>..</sup>:上标字。
<sub>..</sub>:下标字。
<em>..</em>:斜体。
<strong>..</strong>:对内容进行强调。
<code>..</code>:等宽字符。
<var>..</var>:以斜体字来显示。
<small>..</small>:文本以小字体显示。
<big>..<big>:文本以大字体显示。
(表现化标签只是单纯为了控制外观而存在的;而结构化标签指的是能够给文档添加内容意义的标签。strong与em是结构化标签,而b与i是表现化标签。)
字体对齐eg:
<h3 align=lelf>align标签的左对齐</h3>
<h3 align=center>align标志的的居中对齐</h3>
<p align=right>P标志中利用align标志实现右对齐</p>
<center>center标志的居中对齐</center>
文字分区:
<div align=#></div> (#=left right center)
<hr> 标签: 在 HTML 页面中创建一条水平线
<hr color="red" width=500 size=5 noshade align="left">
size:规定 hr 元素的高度(厚度)。
width 属性规定水平线的宽度,以像素计或百分比计。
noshade 属性规定水平线的颜色呈现为纯色,而不是有阴影的颜色。
列表:
在html页面中,列表可以起到提纲写领的作用。列表分为两种类型,一是有序列表,一是无序列表。前者用项目符号来标记无序的项目,而后者则使用编号来记录项目的顺序。
- 所谓有序,指的是按照数字或字母等顺序排列列表项目。
- 所谓无序,是指以●、○、□等开头的,没有顺序的列表项目。
关于列表的主要标记,如下表所示
标记 描述 <ul> 无序列表 <ol> 有序列表 <dir> 目录列表 <dl> 定义列表 <menu> 菜单列表 <dt>、<dd> 定义列表的标记 <li> 列表项目的标记 ul 标签 -- 代表HTML无序列表
- ul标签是成对出现的,以
<ul>
开始,</ul>
结束 - 每一列使用
<li>
标签定义,每一列使用一个点作为开头 - 引用网址:http://www.dreamdu.com/xhtml/tag_ul/
- 属性:
- Common -- 一般属性
- ul,是unordered lists的缩写,中文"无序列表"的意思
无序列表类型:
<ul>
<li type=disc>disc
<li type=circle>cricle
<li type=square>square
</ul>
ol 标签 -- 代表HTML有序列表
ol标签是成对出现的,以
<ol>
开始,</ol>
结束- 每一列使用
<li>
标签(与无序列表相同)定义,每列使用数字或字母开头. - 引用网址:http://www.dreamdu.com/xhtml/tag_ol/
- 属性:
- Common -- 一般属性
- ol,是ordered lists的缩写,中文"有序列表"的意思
start 属性:规定有序列表的开始点。
type 属性:规定有序列表的项目符号的类型。eg:
<ol>
<li type=A>ONE
<li type=A>TWO
</ol>
<ol>
<li type=a>ONE
<li type=a>TWO
</ol>
设定链接:
eg:
普通超级链接:<a href="http://www.enet.com.cn/eschool">硅谷动力网络学院</a>
去除下划线:<a href="http://www.enet.com.cn/eschool" style="text-decoration: none">链接下面没有下划线</a>
新开链接窗口:<a href="http://www.enet.com.cn/eschool" target="_blank">弹出一个新窗口</a>
email超级链接:<a href="mailto:hzhang@mail.enet.com.cn">hzhang@mail.enet.com.cn</a>
mailto的功能。
第一步:创建一个基本的mailto,包含收件人的地址。<br>
第二步:在收件人地址后用“?cc="开头,你可以填写抄送(CC:)地址,下面这个例子将实现该功能:
<a href="mailto:stephen.zhaoyf@163.com?cc=guest@163.net">点击这里发邮件给站长并“抄送”给guest!</a>
第三步:就像下面这个例子一样,紧跟着抄送地址之后,写上"&bcc=",就可以填上密件抄送(BCC)地址了 (在添加这些功能时,第一个功能以"?"开头,后面的以"&"开头)。
<a href="mailto:stephen.zhaoyf@163.com?cc=guest@163.net&bcc=guest@163.net">点击这里发邮件给站长并同时“抄送”“暗送”给guest!</a>
还可以同时发信给N个人!地址之间用逗号分开:
<a href="mailto:stephen.zhaoyf@163.com,guest@163.net,guest1@163.net">点击这里同时发送N个邮件!</a>
第四步:用?subject=或者&subject(当前面还有抄送或暗送时使用)填上主题。
<a href="mailto:stephen.zhaoyf@163.com?subject=不好意思,只是做个实验!">点击这里发送有主题的邮件!</a>
更加夸张的是连邮件内容都可以事先写好!
<a href="mailto:stephen.zhaoyf@163.com?subject=不好意思,只是做个实验!&body=特别无聊,所以发现这么一个功能">这个邮件地址、内容都有了!以后可就懒了!</a>target 属性 -- 链接目标
取值:
_blank -- 在新窗口中打开链接
_parent
-- 在父窗体中打开链接_self
-- 在当前窗体打开链接,此为默认值_top
-- 在当前窗体打开链接,并替换当前的整个窗体(框架页)一个对应的框架页的名称
-- 在对应框架页中打开
锚点链接练习:<a name="aa">
<a href="#aa">指向本页面锚点aa的超链接</a>
<a href="#top">返回页首</a>
<a href="23.htm#top">链接23页面的锚点</a>
图片的基本应用:
<img src="hefang.jpg" alt="情系何方" width=120 height=120 border=2>
src:应用图片的绝对地址。
alt:图片的替代文字,即鼠标移动到图片上方或图片显示不出来时显示的文字。
width:图片的宽度,height:图片的高度;属性值可以是像素也可以是%。
border:图片的边框,值为像素。
图片的对齐方式:
水平对齐:<img src="hefang.jpg" align="#"> (#=left,right)
垂直对齐:<img src="hefang.jpg" align="#"> (#=top,middle,bottom)
定义图片与左右文本之间的间距:
<img src="hefang.jpg" vspace="5" hspace="5">hspace(horizontal):定义水平间距;vspace(vertical):定义垂直间距,单位都为像素。
图像的超链接:<a href="http://www.baidu.com"><img src="sample.jpg"></a>
图像映像链接:图像映像是指在一幅图中定义若干个热区,为每个热区指定一个特定的超链接,单击不同区域,便链接到相应的目标页面。
基本语法格式:
<map name=映像名称>
<area href=目标网页 shape=形状 coords=形状的坐标>
.....
</map>
shape设置映像区域的形状,可取值为rect(矩形)、circle(圆形)、poly(多边形)、default(整个图像区域)。
coords设置映像区域的边界,取值与shape值有关,
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rect coords=100,50,200,75 href="URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circle coords=85,155,30 href="URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href="URL">参考资料:
http://www.enet.com.cn/eschool/zhuanti/easyhtml/
http://wenku.baidu.com/view/1c5f16d3240c844769eaee3e.html
- ul标签是成对出现的,以