html学习总结关键知识点

最新推荐文章于 2022-07-27 18:33:48 发布

KillCom

最新推荐文章于 2022-07-27 18:33:48 发布

阅读量241

点赞数 2

分类专栏： html

本文链接：https://blog.csdn.net/samHuangLiang/article/details/103079489

版权

html 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html >
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>学习总结</title>
</head>
<style>
#top1{
width:400px;
height:800px;
background-color:red;
color:#000000;
margin:0 auto;
}

</style>

<body >

	<div id='top1'>
		<h1>HTML学习总结</h1>
			bgcolor背景颜色 
    			red:红色  yellow黄色 green 绿色 blue蓝色 white白色 black黑色 orange橘色
    			gray 灰色  purple 紫色 
			固定背景图
 			bgproerties:fixed (固定)  只在IE上有效果
			内部链接:<a href="demo3.html" target="_blank">跳转</a>
     			外部链接: <a href="http://www.baidu.com" target="_blank">点我</a>
			输入框 :input 类型type(属性),
              			 text  文本框
             			 password 密码框
             			 radio  单选框
             			 checkbox 多选框
              			 button   普通按钮
             			 reset    重置按钮
             			 submit   提交按钮
             			 image    图片按钮
             			 file     文件按钮
              			 hidden   隐藏域
			下拉列表
         		<select>  
              		<option value='1'>选项</option>
              		 </select>
      			  	属性:value='' 必须要写 
             			selected 默认被选中 



			列表框
        		 <select multiple>
             		 <option value='1'>选项</option>
               
          		</select>
     				 属性值:value 必须要写 multiple :多行显示(可多选)  size:每次显示几个 
			
			 浮动框架
     				<iframe width="" height="" src="地址"></iframe>
    				在一个页面中划分区域,显示另一个页面
     				scrolling 设置子页面在当前页面是否有滚动条  auto  yes  no

     				auto:自动,根据子页面的大小自动调整是否有滚动条
     				yes:不管子页面大小,一定有滚动条
     				no:不管子页面大小,一定没有滚动条
			表：
			合并列:colspan 
 			合并行:rowspan
  			表格标题标签:<caption></caption>
  


			行内元素:a /img/表单元素/span
  			块级元素:p/h/hr/table/tr/ul/ol/li/div
			
			定义一个正则

			var zz="/^ .  $/";



			^ :表示正则的开始
			$ :表示正则的结束

			元字符

			一、文字通配符

		        .:匹配所有除换行符以外的任意字符
		       \w：匹配字母或数字或下划线
			\s    :匹配任意的空白字符
			\d    :匹配一个数字
			\b    :匹配单词的开始或结束
			[]    :匹配[]中列出的某单个字符  

			[^]  :匹配[]罗列的字符以外的单个字符 

			二、限定符（指定数量）

			* ：重复零次或多次     

			+ ：重复一次或多次    

			? :重复0次或1次       

			{n}:重复n次           

			{n,}:至少重复n次 

			{n,m}:重复n到m次      


			三、分组与选择

			（	） 分组  
 			| :选择   


			事件：
			鼠标：

  			 click:单击
   
  			 dbclick:双击
 
   			mouseover：鼠标悬停

  			 mouseout:鼠标离开

   			mousemove：鼠标移动

   			mousedown/mouseup:鼠标按下、松开


			键盘：

  			 keydown/keyup
   
   			keypress

			表单事件：


   			 blur：失去焦点

 			 focus:获取焦点

   			change:改变选项
    
    			submit:提交
   
   			 reset：重置


			窗体事件：

   			onload:页面加载完时触发

    			onunload:刷新页面时触发

    			onbeforeunload:关闭页面
			


	</div>

</body>

<script>
	document.write('DOM');
	document.getElementsByName('');
	createElement();
	setInterval(function(){
		定时器
	},1000)



</script>
</html>