网页分为两类：静态网页、动态网页。
HTML文件后缀名:html或htm
HTML语法示例
<html>
<head> <!--文档头部分-->
<title><!--标题部分-->
欢迎学习 HTML 一起向世界和祖国问好
</title><!--标题部分结束-->
</head><!--文档头部分结束-->
<body><!--正文部分-->
<h1>Hello World</h1>
<p>Hello China</p>
</body><!--正文部分-->
</html>
………..
</body>
</html>
link标记（例）显示本文档和其他文档之间的连接关系。
<link rel=“stylesheet” href=“style.css”>
<center>居中显示 它可以使文字、图片、表格····等居中
<blockquote>段落缩进 就是每一段的最前面的那两个空格的字符
注意：该标标记和<p>标记一样，也用一段空白行加以间隔。另外，<bolckquote>不能与<center>标记嵌套使用。
<pre>原版显示 就是你在网页上写成什么样就显示什么样。
注意：在HTML文件中采用的文字版面都原样显示在浏览器中。在这个标记里回车、空格都是有效的。
段落位置的控制：
<html>
<head>
<title>段落对齐方式</title>
</head>
<body>
<p align="center“ >居中段落</p>
<p align="left“ >靠左段落</p>
<p align="right“ >靠右段落</p>
</body>
</html>
网页背景的设置
<html>
<head>
<title>body标记的属性</title>
</head>
<body background="../images/Background.gif" text="#FF0000“ >
<h1 align="center">Year of the Snake auspicious</h1>
<h2 align="center“ >蛇年吉祥</h2>
</body>
</html>
属性的就近原则：
就是网页会采用离他最近的属性，不会采用离他远的属性（前提是两个属性一样的）
<html>
<head>
<title>属性的就近原则</title>
</head>
<body text="#FF0000“ >
<center>
<p>这是红色的字体</p> <font color="#0000FF“ > 这是蓝色的字体</font>
</center>
</body>
</html>
段落位置的控制
<body bgcolor="#FFFF00“ >bgcolor背景的颜色
<hr color="#0000FF" />color颜色的设计
<h1 align="center“ >align控制对齐方式
<hr color="#FF0000" size="5" width="150“ />size设置大小(粗细）、width设置宽度
<font face="隶书" size="+6“ >face设置字体的样式、size设置大小(粗细）
<font color="#FF0000" size="+3“ >color字体的颜色
滚动字幕标记：
<marquee bgcolor=“#0099FF” direction=“up” behavior=“scroll” height=“50” width=“500” hspace=“1”scrollamount=“1” scrolldelay=“2” vspace=“1” loop=“-1”>bgcolor背景颜色 、direction滚动的方向 、behavio显示的方式 、height滚动对象高度、width滚动对象宽度、hspace滚动对象到背景左右空白区域的宽度、scrollamount滚动的速度越大越慢、scrolldelay两次滚动之间的延时时间、vspace滚动对象到背景上下空白区域的宽度、loop滚动的次数。
超链接标记简介:<a href="http://www.baudi.com>百度一下，你就知道<a> href后跟的是你要连接的地址（地址分为相对地址和绝对地址）
链接颜色的设置:
<body text="#0000FF" link="#00FF00" alink="#FF0000" vlink="#FFFF00">
link:置从未被点击过的超链接的文字颜色
alink:设置单击时的超链接文字颜色
vlink:设置以访问过的超链接文字颜色
邮件超链接简介:<a href="mailto:adnim@hotmail.com subject=电子邮件主题 cc=抄送收件人bcc=暗送收件人 body=邮件内容" >adnim@hotmail.com</a>
subject:电子邮件主题、cc=抄送收件人、bcc=暗送收件人、 body=邮件内容
书签链接简介：
向导链接语法:<a href="#书签名称">链接文字</a>
链接书签语法:<a name="书签名称">接文字</a>
注意：这两个属性中的”书签名称”必须一致。
插入图片:语法：<img src="图片的相对(或绝对)路径+图片名+后缀名" />
语法：<img src=“1.jpg” width 或 height=n 或 m%>width宽度、height高度
注意:n代表一个数值，单位是像素(px)，m代表0-100之间的数，即图片相对于当前窗口大小的百分比。
图片边框的设置：语法：<img src=“1.jpg” border=“n”>
注意：“border”属性的作用就是给图片披上一件”黑色外套”，n为一个数值，单位为像素(px)。
控制文字相对图片基线的位置：语法：<img src=“1.jpg” align=“top”>
下表是“align”的参数：
- top：上对齐
- middle：居中对齐
- bottom：下对齐
- right：右对齐
- left：左对齐
图片超链接：语法：<a href=“index.html”><img src=“1.jpg” /></a>
图片的热点区域：
语法：
<img src=“1.jpg” usemap=“#名称”/>
<map>
<area shape=“rect” coords=“0,6,304,184” href =“链接地址”/>
………
</map>
优化图片显示速度：语法：<img src=“1.jpg” lowsrc=“1.jpg” />
文字代替图片的显示：语法：<img src=“6.jpg” alt=“图片的说明文字” />
暂时写到这里下次在接着写！明天继续写！要坚持做到吧每天学到的知识写在这里！作为我的日记吧！嘿嘿！
下一章是表格的书写。
posted on
浙公网安备 33010602011771号