静态网页是指浏览器解释执行而生成的网页,其主要开发技术是HTML,CSS,JavaScript。
HTML:即超文本标记语言,是Intenret上用于编写网页的主要标记语言,负责网页的基本表达形式。
CSS:简称为样式表,是一种用来为结构化文档(例如HTML文档)添加样式(字体,间距和背景等)的计算机语言,负责美
化页面。
JavaSript:是一种描述性的脚本语言,负责服务器与客户之间的互动。
HTML文件的基本结构
<html>//根控制标记(头)
<head>//头控制标记(头)
...
</head>头控制标记(尾)
<body>
...网页显示区域(一般要实现的代码都在这里写)
</body>
</html>//根控制标记(尾)
常用HTML标签
1.换行< /br >
2.段落
格式:
< p >段落的内容< /p >
< p align=“对齐方式”>…< /p >
属性名称align
属性值left(文本左对齐,默认) ,center(文本居中对齐) ,right(文本右对齐)
3.水平直线< hr >
属性名称 属性值
size 像素px/百分比%(属性值越大,线越粗)
width 像素px(绝对设置,长度不会应视窗的改变而改变)
百分比%(相对设置,长度会随着视窗宽度而改变)
noshade(实体线)
4.背景色与文字设置
< body bgcolor="背景色" text="文字颜色" >
整体页面的边距和行距
< body leftmargin="像素px" topmargin="像素px" >
5.标题文字设置
< h1 >…< /h1 >
< h2 >…< /h2 >
< h3 >…< /h3 >
< h4 >…< /h4 >
< h5 >…< /h5 >
< h6 >…< /h6 >字号< h1 >到< h6 >由大变小。
6.实体字符控制标记
<b>...</b>粗体
<i>...</i>斜体
<s>...</s>删除线
<u>...</u>下划线
<sub>...</sub>下标(化学元素:二氧化碳等)
<sup>...</sup>上标(数学中:幂,平方等)
7.滚动
格式:
<marquee> ... </marquee>
方向: < direction=# >
#=left, right ,up ,down(表示向上,向下,向左,向右翻滚)
eg:从右向左移
<marquee direction=left></marquee>
方式 <bihavior=#>
#=scroll, slide, alternate(循环滚动,只滚动一次,来回交替滚动)
eg:
<marquee behavior=scroll></marquee>
<marquee behavior=slide></marquee>
<marquee behavior=alternate></marquee>
滚动次数 < loop=# >
#=次数(数值为整数)若未指定则循环不止(infinite)
eg:
<marquee loop=3 width=50% behavior=scroll></marquee>
<marquee loop=3 width=50% behavior=slide></marquee>
<marquee loop=3 width=50% behavior=alternate></marquee>
速度 <scrollamount=#>
(scrollamount的值为文字每次移动的长度,以像素为单位,)
<marquee scrollamount=15></marquee>
延时 <scrolldelay=#> 单位为毫秒
eg:
<marquee scrolldelay=50 scrollamount=100></marquee>
8.语意字符控制
<address>…</address> 地址
<del>…</del> 删除(删除线)
<ins>...</ins> 修改(下滑线)
<strong>…</strong> 加强语气(加粗)
<em>...</em> 加强语气(倾斜)
9.格式化
<pre>...</pre>
10.面积 <height=# width=#>
<marquee height=40 width=50% bgcolor=aaeeaa></marquee>
11.底色 <bgcolor=#>
#=16 进制数码,或者是预定义色彩: Black, Olive, Teal, Red, Blue, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<marquee bgcolor=aaaaee></marquee>