WEB前端学习笔记-HTML

**

001-我的第一个html文件.html

    网页的主题内容，欢迎学习HTML! 	  

**

002-HTML的基本标签.html

HTML的基本标签

1.流水知音，惜花惜人 第二十三回 《西厢记妙词通戏语 牡丹亭艳曲警芳心》—— 节选：那一日正当三月中浣，早饭后，宝玉携了一套《会真记》，走到沁芳闸桥边桃花底下一块石上坐着，展开《会真记》，从头细玩。正看到“落红成阵”，只见一阵风过，把树头上桃花吹下一大半来，落的满身满书满地皆是。宝玉要抖将下来，恐怕脚步践踏了，只得兜了那花瓣，来至池边，抖在池内。那花瓣浮在水面，飘飘荡荡，竟流出沁芳闸去了 。回来只见地下还有许多，宝玉正踟蹰间，只听背后有人说道：“你在这里做什么？”宝玉一回头， 却是林黛玉来了，肩上担着花锄，锄上挂着花囊，手内拿着花帚。【庚辰侧批：一幅采芝图，非葬花图也。】宝玉笑道：“好，好，来把这个花扫起来，撂在那水里。我才撂了好些在那里呢。”林黛玉道：“撂在水里不好。你看这里的水干净，只一流出去，有人家的地方脏的臭的混倒，仍旧把花遭塌了。那畸角上我有一个花冢，如今把他扫了，装在这绢袋里，拿土埋上，日久不过随土化了，岂不干净。”

2.感花伤己，葬花词吟 第二十七回 《滴翠亭杨妃戏彩蝶 埋香冢飞燕泣残红》结尾 和第二十八回 《蒋玉菡情赠茜香罗 薛宝钗羞笼红麝串》开头 ——节选：宝玉因不见了林黛玉，便知她躲了二，想了一想，索性迟两日，等她的气消一消再去也罢了。因低头看见许多凤仙石榴等各色落花，锦重重的落了一地，因叹道：“ 这是她心里生了气，也不收拾这花儿来了。待我送了去，明儿再问着他。”说着，只见宝钗约着他们往外头去。 宝玉道：“我就来。”说毕，等他二人去远了，便把那花兜了起来， 登山渡水，过树穿花，一直奔了那日同林黛玉葬桃花的去处来。将已到了花冢，犹未转过山坡，只听山坡那边有呜咽之声，一行数落着，哭的好不伤感。宝玉心下想道：“这不知是哪房里的丫头，受了委屈，跑到这个地方来哭。”一面想，一面煞住脚步，听她哭道是： 花谢花飞花满天，红消香断有谁怜？ 游丝软系飘春榭，落絮轻沾扑绣帘。 闺中女儿惜春暮，愁绪满怀无释处； 手把花锄出绣帘，忍踏落花来复去？ 柳丝榆英自芳菲，不管桃飘与李飞； 桃李明年能再发，明年闺中知有谁？ 三月香巢已垒成，梁间燕子太无情！ 明年花发虽可啄，却不道人去梁空巢也倾。 一年三百六十日，风刀霜剑严相逼； 明媚鲜妍能几时，一朝飘泊难寻觅。 花开易见落难寻，阶前闷杀葬花人； 独把花锄泪暗洒，洒上空枝见血痕。

杜鹃无语正黄昏，荷锄归去掩重门； 青灯照壁人初睡，冷雨敲窗被未温。 怪奴底事倍伤神？半为怜春半恼春。 怜春忽至恼忽去，至又无言去不闻。
昨宵庭外悲歌发，知是花魂与鸟魂？ 花魂鸟魂总难留，鸟自无言花自羞； 愿奴胁下生双翼，随花飞到天尽头。 天尽头，何处有香丘？
未若锦囊收艳骨，一抔净土掩风流； 质本洁来还洁去，强于污淖陷渠沟。 尔今死去侬收葬，未卜侬身何日丧？ 侬今葬花人笑痴，他年葬侬知是谁？
试看春残花渐落，便是红颜老死时。 一朝春尽红颜老，花落人亡两不知！

      
    
标题字
    
标题字
    
标题字
    
标题字
    
标题字
    
标题字

    
    hello
    world 

    hello
world!

    
    


    
    
    

    



      
    
 			for(int i = 0;i<10;i++){
  	      System.out.println("i = "+i);
      }
    

    删除字
    插入字
    粗体字
    斜体字

    102

    10m

    
    字体标签

003-HTML的实体符号.html

实体符号
bC

  b<a>c


  abc       deg
 		a   bc 		

004-HTML的表格.html

表格

员工信息列表

---

   		
      
       

  	  			

  		
a
  		
b
  		
c
 			
 			

  		
e
  		
f
  		
g
 			
 			

  		
x
  		
y
  		
z
 			
 		

005-HTML的表格-单元格合并以及th标签.html

表格单元格合并，以及th标签

    
    

      
       			

  		
员工编号
  		
员工薪资
  		
员工名称
      
 			

  		
1
  		
2
  		
3
 			
 			

  		
4
  		
5
  	    
69
 			
 			

  		
78
  		
  		 			
    

006-HTML的表格-thead tbody tfoot.html

thead tbody
tfoot在table中不是必须的，只是这样做便于后期的JS代码的编写

    

       
     

  	     

  		     
员工编号
  		     
员工薪资
  		     
员工名称
           
 			
         			

  	     

  		     
1
  		     
2
  		     
3
  	     
      
         			

  	       

  		      
4
  		      
5
  	          
69
  	       

  	       

  		      
78
  	       

               

  		     
1
  		     
2
  		     
3
  	       
 			
    
 	 

007-背景颜色和背景图片.html

008-图片.html

/>

009-超链接或热链接.html

超链接

热链接

百度
百度新闻



001

    
    
    	
    
    
    
    
    
    	
     	  
    	
    	
    	
    	
    	
    	
    
    
    
    

    	
    	
    
    
    

    

    

    

    	用户名

    	密码

    	
    
    

        

        	

        		
用户名
        		

        	
        	

        		
密码
        		

        	
        	

        		

        			
        			    
        			
        		
        		
        	
        
    
    
  
    

    
    

## 012-用户注册的表单.html 用户注册的表单 用户名
密码
确认密码
性别 男 女 兴趣爱好 唱 跳 rap 篮球
学历 高中 大专 本科 硕士
简历

## 013-下拉列表支持多选.html 下拉列表支持多选 河北省 河南省 山东省 山西省 ## 014-file控件 file控件

	

		
		
		
		用户代码
		
		
	

## 015-readonly和disabled.html readonly和disabled 用户代码
用户姓名
## 016-input控件的maxlength属性.html maxlength ## 017-HTML中元素的id属性.html HTML中元素的id属性 ## 018-HTML中的div和span.html HTML中的div和span