1.head标签
定义简体中文 <meta charset="utf-8">
网页自动跳转 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" />
2.有序列表 <ol></ol> 列表项 <li>...</li>
3.无序列表 <ul></ul> type属性(控制列表前符号)【ul li{list-style:none;}去除列表前的点】
4.自定义列表 <dl></dl> 列表项 <dd>...</dd>(居中) <dt>...</dt>
5.标题大小 <h1>-<h6> (<h1>最大,<h6>最小)
6.字体样式 <font size="1">字体大小</font> (1最小,7最大)
<i>斜体</i> <b>加粗</b> <u>下划线</u> <del>删除线</del>
<p>段落标签</p> 换行<br/> 水平分隔线<hr/>
7.超链接标签学习:
<a href="url"(文件路径) target="_blank"(新窗口打开网页,默认不要)> 标题 </a>
去除a链接的下划线: style:text-decoration:none;
a标签: href:要跳转的网页资源路径 本地资源:相对路径
网络资源:网络资源(网页)的URL target:指明要跳转的网页资源的显示位置
target属性:
_self 在当前页中刷新显示
_blank 在新的标签页中显示
_top 在顶层页面中显示
_parent 在父级页面中显示
注意:超链接标签中一定要声明访问方式,访问方式可以是文字也可以是图片.
8.锚点学习:
作用:在一张网页中进行资源跳转
使用:先使用超链接标签在指定的网页位置增加锚点.
格式为: <a name="锚点名" ></a>
使用a标签可以跳转指定的锚点,达到网页内部资源跳转的目的
格式: <a href="#锚点名" >访问方式</a>
9..图像标签 <img src="url"(图片路径) width=""(宽度) heigth=""(高度) border=""(边框大小) />
属性:alt="文字"(图片不能显示时,显示文字) title="文字"(指向图片时鼠标下方显示文字)
9.表格标签 <table>
<tr>(行)
<td>(列)</td>
</tr>
</table>
表格属性: cellspacing=""(间距,一般为0) cellpadding=""(行距,一般为0)
border=""(边框大小) width=""(宽度) height=""(高度)
bordercolor=""(边框颜色) bgcolor=""(背景颜色) background=""(背景图像)
align="center"(居中) align="right"(靠右) align="left"(靠左)
valign="top"(靠上) valign="bottom"(靠下) valign="middle"(居中)
colspan="2"(向右合并一个单元格,需删除一个td) rowspan="2"(向下合并一个单元格)
10.表单定义: <form name=""(名称) method=""(发送方式) action=""(表单处理程序地址)>...</form>
表单属性: <input name="名称" type="类型"> (size-框宽 maxlength-框内容最大长度 readonly-只读属性)
①文本框——text <input type="text" name="" />
②密码框——password <input type="password" name="" />
③图像框——image <input type="image" src="路径" width="宽" height="高" />
④文件框——file <input type="file" name="" />
⑤复选框——checkbox 篮球<input type="checkbox" name=""/>足球<input type="checkbox" name=""/>
⑥单选按钮——radio 男<input type="radio" name=""/>女<input type="radio" name="" />
【name的名称相同才能够有单选的效果】
⑦普通按钮——button <input type="button" value="按钮名字" />
⑧重置按钮——reset <input type="reset" value="按钮名字" />
⑨提交按钮——submit <input type="submit" value="按钮名字" />(提交目标是action定义的地址)
⑩列表框——<select>
<option>内容一</option>
<option>内容二</option>......
</select>
文本域——<textarea rows="列" cols="行"></textarea>
11.框架集: <frameset cols(纵向)=XX%,XX%...><frome src="页面地址"></frameset>
<frameset rows(横向)=XX%,XX%...><frome src="页面地址"></frameset>
12.动态标记: <marquee>文字(图片,表格)</marquee>
direction="滚动方向" behavior="滚动方式" scrollamount="滚动速度"
scrolldelay="滚动延迟" loop="滚动次数" bgcolor="背景颜色" width="宽" height="高"