html自我学习总结(不全面)
2014-07-04 09:18
344 查看
学习总结:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
1.<title></title>表示标题 该标签的内容会显示在浏览器的标题栏中。
2.<p></p> P标签表示段落,相邻的两P标签之间会自动换行。
3.<pre></pre> 保持浏览器中的结果格式与源代码中相同(空格和换行)。
4.<h1></h1>为标题文本,从h1到h6,h1为最大,h6为最小。
5.<br> 表示拆行、换行,一般使用格式为<br />。
6.align 在标签中使用表示标签内容的对齐方式,有center、left、right,分别表示居中对齐、左对齐、右对齐。
7.<hr> 表示定义一条水平间隔线 有属性width=50%表示该间隔线占页面宽的百分比,不加百分号表示像素,一般使用格式为<hr width=""/>
8.<!--内容-->表示注释。
9.bgcolor 表示定义背景颜色, 颜色可以是英文单词,也可以是颜色代码。
10.<b></b>表示该标签的内容加粗显示 <strong></strong>表示语气更加强烈。<em></em>表示斜体。<u></u>表示下划线。
11.<del></del>有删除字的效果。
12.将图像设置为链接 <img border="0" src="图片地址" tppabs="链接到的地址" />
13.target = "_blank",设置一个链接,则该链接会在新窗口中打开。
14.设置一个没有下划线的链接 在链接标签中设置属性style="text-decoration:none"。
15.链接到同一文件的不同位置 设置链接地址为#目标段落id值
14.<table></table>定义一个表格 ;<tr></tr>定义表格中的一行;<td></td>定义一行中的一列;<th></th>定义表格的表头,标签内容会加重显示。
border属性,border="1"表示为普通表格边框,border的值越大边框越粗,未设置border表示没有边框。
<caption></caption>位于table下 表示该表格的标题。
colspan="2"表示该列要跨两列;rowspan="2"表示该行要跨两行。
cellpadding="10"表示单元格的上下距
也可以设置背景颜色bgcolor=""和填充图像background="";可以用align定义对齐。
15.<ul><li>咖啡</li><li>茶</li><li>牛奶</li></ul> 定义一个无序列表。ul标签中默认type="disc",表示黑点;type="circle",表示小圆圈;type="square",表示小方块。可以嵌套,默认顺序为disc>circle>square。
16.<ol><li>咖啡</li><li>茶</li><li>牛奶</li></ol> 定义一个有序列表。ol标签中默认为1,2,3,4...;type="A",表示ABCDE...;type="a",表示abcd...;type="I"及"i"表示大小写的罗马数字。
17.<dl><dt>咖啡</dt><dd>黑色的热饮料</dd><dt>Milk</dt><dd>白色的冷饮料</dd></dl> 定义一个列表。
18.表单与输入框
<input type="text" name="">表示文本框
<input type="password" name="">表示密码框
<input type="checkbox" name="">表示复选框
<input type="radio" name="" value="">表示单选按钮 设置多个单选按钮时 要将单选按钮的name设置相同,才可以单选。
<input type="file"> 是展示你电脑上的文件的一个区域
<input type="image">以图像代替按钮文本,src属性是必须的
<input type="hidden"> 不会显示任何东西,隐藏
<select name="cars">
<option value="">xx</option>
<option value="">yy</option>
</select> 表示一个下拉列表用selected="selected"设置默认选择对象
<textarea rows="10" cols="30">定义一个文本域以及大小
<input type="button" value="" onclick="">定义一个按钮,以及点击按钮触发的事件。
<fieldset>
<legend>健康信息:</legend>
<form>
<label>身高:<input type="text" /></label>
<label>体重:<input type="text" /></label>
</form>
</fieldset> 绘制一个带标题的边框。
<form action="" method="">
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form> 单击确认按钮,将输入框中的值发送到服务器上。其他checkbox,radio同理。
19.设置text中默认值,获取鼠标焦点默认值清空
<input type="text" value="默认值" onfocus="javascript:if(this.value='默认值') this.value='为空'";>。
21.返回上一步按钮
<input type="button" onclick="javascript:window.history.go(-1);">定义一个返回上一步的按钮。
22.清空表单输入
<input type="reset" value=""> 设定一个清空form表单输入的按钮。
23.转义字符
表示空格 <表示左箭头< >表示右箭头>
24.设为首页javascript:window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://要设为首页的完整网址');
25.加入收藏夹 javascript:window.external.addFavorite('http://要收藏网页的完整网址')
26.关闭窗口 javascript:window.close()
27.打开窗口javascript:window.open("文件名或路径")
28:<embed></embed>用来插入flash动画,有属性src、width、height、wmode transparent使flash背景部门透明。
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
1.<title></title>表示标题 该标签的内容会显示在浏览器的标题栏中。
2.<p></p> P标签表示段落,相邻的两P标签之间会自动换行。
3.<pre></pre> 保持浏览器中的结果格式与源代码中相同(空格和换行)。
4.<h1></h1>为标题文本,从h1到h6,h1为最大,h6为最小。
5.<br> 表示拆行、换行,一般使用格式为<br />。
6.align 在标签中使用表示标签内容的对齐方式,有center、left、right,分别表示居中对齐、左对齐、右对齐。
7.<hr> 表示定义一条水平间隔线 有属性width=50%表示该间隔线占页面宽的百分比,不加百分号表示像素,一般使用格式为<hr width=""/>
8.<!--内容-->表示注释。
9.bgcolor 表示定义背景颜色, 颜色可以是英文单词,也可以是颜色代码。
10.<b></b>表示该标签的内容加粗显示 <strong></strong>表示语气更加强烈。<em></em>表示斜体。<u></u>表示下划线。
11.<del></del>有删除字的效果。
12.将图像设置为链接 <img border="0" src="图片地址" tppabs="链接到的地址" />
13.target = "_blank",设置一个链接,则该链接会在新窗口中打开。
14.设置一个没有下划线的链接 在链接标签中设置属性style="text-decoration:none"。
15.链接到同一文件的不同位置 设置链接地址为#目标段落id值
14.<table></table>定义一个表格 ;<tr></tr>定义表格中的一行;<td></td>定义一行中的一列;<th></th>定义表格的表头,标签内容会加重显示。
border属性,border="1"表示为普通表格边框,border的值越大边框越粗,未设置border表示没有边框。
<caption></caption>位于table下 表示该表格的标题。
colspan="2"表示该列要跨两列;rowspan="2"表示该行要跨两行。
cellpadding="10"表示单元格的上下距
也可以设置背景颜色bgcolor=""和填充图像background="";可以用align定义对齐。
15.<ul><li>咖啡</li><li>茶</li><li>牛奶</li></ul> 定义一个无序列表。ul标签中默认type="disc",表示黑点;type="circle",表示小圆圈;type="square",表示小方块。可以嵌套,默认顺序为disc>circle>square。
16.<ol><li>咖啡</li><li>茶</li><li>牛奶</li></ol> 定义一个有序列表。ol标签中默认为1,2,3,4...;type="A",表示ABCDE...;type="a",表示abcd...;type="I"及"i"表示大小写的罗马数字。
17.<dl><dt>咖啡</dt><dd>黑色的热饮料</dd><dt>Milk</dt><dd>白色的冷饮料</dd></dl> 定义一个列表。
18.表单与输入框
<input type="text" name="">表示文本框
<input type="password" name="">表示密码框
<input type="checkbox" name="">表示复选框
<input type="radio" name="" value="">表示单选按钮 设置多个单选按钮时 要将单选按钮的name设置相同,才可以单选。
<input type="file"> 是展示你电脑上的文件的一个区域
<input type="image">以图像代替按钮文本,src属性是必须的
<input type="hidden"> 不会显示任何东西,隐藏
<select name="cars">
<option value="">xx</option>
<option value="">yy</option>
</select> 表示一个下拉列表用selected="selected"设置默认选择对象
<textarea rows="10" cols="30">定义一个文本域以及大小
<input type="button" value="" onclick="">定义一个按钮,以及点击按钮触发的事件。
<fieldset>
<legend>健康信息:</legend>
<form>
<label>身高:<input type="text" /></label>
<label>体重:<input type="text" /></label>
</form>
</fieldset> 绘制一个带标题的边框。
<form action="" method="">
<p>Last name: <input type="text" name="lname" /></p>
<input type="submit" value="Submit" />
</form> 单击确认按钮,将输入框中的值发送到服务器上。其他checkbox,radio同理。
19.设置text中默认值,获取鼠标焦点默认值清空
<input type="text" value="默认值" onfocus="javascript:if(this.value='默认值') this.value='为空'";>。
21.返回上一步按钮
<input type="button" onclick="javascript:window.history.go(-1);">定义一个返回上一步的按钮。
22.清空表单输入
<input type="reset" value=""> 设定一个清空form表单输入的按钮。
23.转义字符
表示空格 <表示左箭头< >表示右箭头>
24.设为首页javascript:window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://要设为首页的完整网址');
25.加入收藏夹 javascript:window.external.addFavorite('http://要收藏网页的完整网址')
26.关闭窗口 javascript:window.close()
27.打开窗口javascript:window.open("文件名或路径")
28:<embed></embed>用来插入flash动画,有属性src、width、height、wmode transparent使flash背景部门透明。
相关文章推荐
- css自我学习总结(不全面)
- 自我学习总结2:在各个网页基本上一致时,通过URL传一个值就可以实现一个html实现多个页
- Android Intent的几种用法全面总结(供自我学习查阅使用)
- html自我学习总结
- (自我学习总结)将html分出一部分,所有内容在固定大小的框中显示,多出的部分多出流动条
- 学习htmlcontrol的一点总结
- dispatcherTimer自我学习总结(转贴)
- 学习HTML:iframe用法总结
- HTML全面深入学习-table系列
- HTMLParser(一个比较流行的html代码解析、处理开源项目)学习,总结
- NDbUnit学习总结(转自:http://www.cnblogs.com/icebutterfly/archive/2009/05/12/1454869.html)
- 学习HTML:iframe用法总结收藏
- Jdbc的学习,全面总结
- 关于Mongodb的全面总结,学习mongodb的人,可以从这里开始
- HTML学习总结(转)
- 学习HTML:iframe用法总结收藏
- 学习HTML:iframe用法总结收藏
- html学习总结
- 张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
- HTML全面深入学习-上标与下标