您的位置:首页 > Web前端 > HTML

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