网页分为:1、HTML 2、CSS 3、Javascript HTML:超文本标记语言 CSS:控制网页的布局、样式,从外部统一管理、控制整个网站 Javascript:脚本语言 1、HTML:网页是由标签嵌套组成 <!--注释内容-->表示注释 2、一个网页的基本内容: <html> <!--开始标签--> <head> <!--控制信息、标题及描述、编码方式等--> <title>网页操作</title> <!--标题--> </head> <body > <!--整个网页的所有内容--> </body> </html> <!--结束标签--> 注意:标签只能一对包含一对,不能交错嵌套。 3、标签的属性: 属性是控制内容、标题等的眼样式。 (1)body的属性: <body bgcolor="" text="" topmargin="" leftmargin="" rightmargin="" bottommargin="" background=""> </body> bgcolor 设置背景颜色
text 设置文字颜色 topmargin 设置上边距 leftmargin 设置左边距 rightmargin 设置右边距 bottommargin 设置下边距 background 设置背景图片 注意: 三原色:红r绿g蓝b 颜色:“#000000”(两位表示一个颜色,从00-FF) (2)一般标签: font属性: color 设置字体颜色 face 设置字体 size 设置字体大小 <h1>字体</h1> <h2>字体</h2> <h3>字体</h3> <h4>字体</h4> <h5>字体</h5> <h6>字体</h6> <b>加粗</b> <i>倾斜</i> <u>下划线</u> <strong>字体加粗</strong></font> <br/> 换行 <p>新段落</p> <center> 居中 </center>   表示空格
4、无序列表
<ul>
<li>内容一</li>
<li>内容二</li>
<li>内容三</li>
<li>内容四</li>
</ul>
5、有序列表
<ol>
<li>内容一</li>
<li>内容二</li>
<li>内容三</li>
<li>内容四</li>
</ol>
6、超链接标签
<a>超链接</a>
<a href=”http://baidu.com” target”_black”>超链接</a> 表示新开一个页面打开
<a href=”http://baidu.com” target”_self”>超链接</a> 表示在当前页面打开
7、锚点
<a name=”maodian”>锚点</a> 表示设置锚点的位置
<a href=”#maodian”>目录</a> 表示点击目录跳到锚点的位置
8、图片
<img src="../images/IMG.0003.jpg" width=”300” height=”200” alt =”这是一张学生图片”/>
9、表格
<table width="200" border="1" cellspacing="1" cellpadding="1">
<tr>
<td>第一行第一个单元格</td>
<td>第一行第二个单元格</td>
</tr>
<tr>
<td>第二行第一个单元格</td>
<td>第二行第二个单元格</td>
</tr>
</table>
10、背景音乐
<bgsound src =gaoshan.mp3 loop=”-1”>
11、表单
<form action="" method="get"></form>
12、文本字段
<input name="" type="text" />
13、隐藏域
<input name="" type="hidden" value="" />
14、文本区域
<textarea name="" cols="" rows=""></textarea>
15、复选框
<input name="" type="checkbox" value="" />
16、复选框组
<p>
<label>
<input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_0">
复选框</label>
<br>
<label>
<input type="checkbox" name="CheckboxGroup1" value="复选框" id="CheckboxGroup1_1">
复选框</label>
<br>
</p>
17、单选按钮
<input name="" type="radio" value="">
18、选择(列表/菜单)
<select name=""></select>
19、图像域
<input name="" type="image">
20、文件域
<input name="" type="file">
21、按钮
<input name="" type="button">