网页三部分:HTML CSS JavaScript
一、body
bgcolor:背景颜色 background:设置背景图片
二、标签
1、格式标签
<font face="字体名称" color="颜色" size="大小"></font>
<b></b>加粗 <strong></strong>
<i></i>倾斜 <em></em>
<u></u>下划线
<br>回车 <pre></pre>
<center></center>居中
转义:
空格
<小于号<
>大于号>
&:将转义符在页面上显示出来&
©©
2、内容容器
<h1></h1>........<h6></h6> 标题的特点加粗、自动换行、独立一行
<p></p> 段落标签、独立一段 默认情况下段落前后都会有一行的空白
<div></div>区域标签、层标签、划分网页区域 进行网页布局 特点:前后换行
<span></span>
<ul></ul> 无序列表标签
<ol></ol> type修改 有序列表标签
<li><li> 列表项标签,用来放在ul或ol里面的
(一)常用标签
1、超链接
<a href="超链接路径" target="_blank"--打开一个新的页面原页面不关闭>超链接显示的内容</a>
书签:锚点
(1)定义书签<a name="书签名">内容</a>
(2)定义超链接<a href="#书签名">超链接文字</a> 如不在同一页面在#前面加页面名
2、图片
<img src="路径图片" width="宽" height="高" alt="文字" />
3、图片超链接
<a href="超链接路径"><img sre="图片路径"></a>
(二)表格
<table></teble>表示一个表格的开始到一个表格的结束
width:宽 像素 百分比
border:边框的宽度
bgcolor:背景色
background:背景图
cellpadding="字的边距"
cellspacing="表格里的间距"
align="center"居中 表格在页面中的对齐方式
<tr></tr> 一行
bgcolor:背景色
align="center"这一行中文字的对齐方式
height:高度,一般是像素,也可设百分比。
<td></td> 一格
bgcolor:背景色
align:水平对齐
valign:竖直对齐
width:宽
height:高
colspan:跨列 合并单元格时,要算好格数
rowspan:跨行
(三)表单
所有表单元素都具有的属性:id, name, disabled
<form id="" name="" action="指定一个路径" method="提交方式"></form>
1、文本类
单行文本框:<input id="" name="" type="text" value="文本框中的值"/>输入 类型
多行文本框:<textarea id="s" name="s" rows="行数" cols="字符宽度">内容</textarea>
密码框:<input id="" name="" type="password" value=""/>
隐藏域:<input id="" name="" type="hidden" value=""/>
2、按钮类
普通按钮:<input id="" name="" type="button" value="按钮上的文字"/>
提交按钮:<input id="" name="" type="submit" value="按钮上的文字"/>
重置按钮:<input id="" name="" type="reset" value="按钮上的文字"/>
图片按钮:<input id="" name="" type="image" src="图片路径" width="宽" height="高"/>
3、选择类
单选:
<form action="" method="get">
<input id="" name="组名" value="不显示可运算" checked="checked 默认选中第一个" type="radio" disabled="disabled 不可选"/>
<label for="指向id可点文字选择">内容</label表示标签> </form> name值一样表示一组
复选:
<input id="" name="" value="" type="checkbox" disabled="disabled"/>
列表:
下拉列表
<select选择 id="" name="">
<option选项 value="">内容</option>
</select>
列表:
<select选择 id="" name="" size="值大于1" multiple="multiple"可多选>
<option选项 value="">内容</option>
</select>
文件:
<input id="" name="" type="file" />上传