html总结

最新推荐文章于 2024-04-14 22:38:53 发布
最新推荐文章于 2024-04-14 22:38:53 发布
阅读量629 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jy_lyw/article/details/77931712
版权

网站开发包括三部分：前端，数据库，后端
前端包括：html（网站的内容），css（网站的外观），js（网页的效果）
前端部分的内容都是静态写死的。动态页面：有数据交互。


一、html的结构 
<!DOCTYPE html>  <!--文档声明:告诉浏览器html的版本html5-->
<html xmlns="http://www.w3.org/1999/xhtml"> <!--xmlns即是XHTML namespace的缩写，也就是所谓的“命名空间”，xmlns也属于一种声明。该属性可以放置在文档内任何元素的开始标签中。该属性的值类似于 URL，它定义了一个命名空间，浏览器会将此命名空间用于该属性所在元素内的所有内容-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!--编码方式：乱码一般是由于编码方式不统一-->
<meta name="description" content="" /> <!--对网站的描述-->
 <meta http-equiv="X-UA-Compatible" content="IE-edge" /> <!--强迫浏览器以最新的ie版本进行渲染-->
 <link rel="shortcut icon" href="img/mm.png" /> <!--网站的图标-->
    <title></title>  <!--一个网站title的权重最高，title：百度限制30个中文，60个字符-->
</head>
<body>
</body>
</html>

html5与html的关系：
html 4.01：文档声明有三种方式：http://www.w3school.com.cn/tags/tag_doctype.asp
xhtml 1.0">（wsc组织规定必须按照xml标准）：这个的文档声明有三种：例如<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
html 5：在之前的html版本上添加了很多新的内容

二、html标签(html4.01)
1、<p>：段落
  <br/>：换行
  &nbsp;：空格
<pre>：预文本标签，对上面三种标签有用
2、<hn>：权重比较高，具有语义化
3、<body>：有属性bgcolor,background,text;（尽管有一些标签的属性可以更改这个标签的外观，但是一般不通过属性去更改标签的外观，而是通过css）
4、列表
<ol><li>:有序列表
<ul><li>:无序列表
<dl><dt><dd>:定义列表（一问一答，解释）
5、特殊文字样式
<b>粗体
<i>斜体
<u>下划线
<s>删除线
<sup>将文字以上标字体的方式显示
<sub>将文字以下标字体的方式显示
6、<table>表格：比较有规格的，几行几列的会用table；属性：cellpading:文字距离边框的距离；cellspacing:边框之间的距离
<caption>表格的标题 属性：align（标题的位置）
<tr>
<th>标题
<td> rowspan:跨行；colspan:跨列   这两个属性是html特有的，无法用css实现，牢记
7、<img src=" ">
(src="/img/1.jpg"  /表示更目录，运行在服务器上，可以找到图片，本地则打不开
src="~/img/1.jpg 只能在后端才可以)
属性：height.width,border
lowsrc="低分辨率图片的位置“：网络阻塞时，读取低分辨率的图片；alt=“该图片不能显示”：当浏览器不能显示图片时，用文字替代显示；这两个是html特有的属性
8、超链接 <a href="javascript:;" target="_blank" title=“aa">    href,target，title也是html特有的属性（title：鼠标放上去时显示）
9、表单<form action="1.ashx"method=“post”>:和后端的交互,整个表单都提交
method="get"：get提交是静将数据显示在地址栏，没有安全性，有字节现在限制，较小的字节；method="post":提交较多的数据，安全性较高
通过form提交到后台，元素必须写name属性
form元素：除了submit和reset必须写在form中，其他可以单独使用 
<input type="text" name="username"/>
<input type="password"/>
<input type="button"/>
<input type="reset"/>
<input type="submit"/>
<input type="image"/>
<input type="checkbox"/>
<input type="radio" name="sex" id="male"/><label for="male">男</label>  <!--单选按钮:name相同才能单选；设置label可以实现点击文字即选中-->
<input type="radio" name="sex" id="female"/><label for="female">女</label>
<input type="file"/>
<input type="hidden"/>
<texarea name="njcd" cols="10" rows="3"></texarea>  
<select>
  <option value="apple">苹果</option>
  <option value="orange">橘子</option>
</select>    <!--下拉菜单：加属性multiple="multiple"可以复选-->



10、fieldset 元素可将表单内的相关元素分组
<fieldset>
   <legend align="top">图书分类</legend>
</fieldset>  <!--<legend> 为 fieldset 元素定义标题-->


11、iframe元素会创建包含另外一个文档的内联框架








 
    
 
   
 
  
 
 
 
 

   12、abbr缩写 
 
 
 
 
  
 <abbr title="Hyper textMarkup Lnguage">HTML</abbr>
 
 
 
 

 


  13、版权符 

 


  &copy; 

 

 
 
 

 


  三、新增html5标签 

 

 
 
 

 


  1、audio，video 

 

<audio src="1.mp3" controls="controls" autoplay="autoplay" loop="loop"></audio><!--controls显示； autoplay自动播放；loop循环次数-->
 


  2、canvas（需要js） 

 


  3、主体结构标签（html4.01都是用div+css，语义化不好，但是兼容性比h5好） 

 

 
  
 
 

 

 
 
 

 


  hgroup: 
 当元素有多个层级时，该元素可以将 
 h1 
 到 
 h6 
 元素放在其内，譬如文章的主标题和副标题的组合 

 

 
 figure: 
 标签规定独立的流内容 

 

 
 4、非主体结构标签 

 

 
 detalist 定义选项列表（可以自己输入，也可以进行选择） 

 

 
  
 
<input type="text" list="taglist" />
<datalist id="taglist">  <!--id必须与上面的list一致-->
<option>苹果</option>
<option>橘子</option>
<option>西红柿</option>
</datalist>
details定义文档细节：说明 
 
 

 
 

<details>
<summary>Copyright 2011.</summary>
<p>All pages and graphics on this web site are the property of W3School.</p>
</details>
 


  menu定义菜单列表 

 


  address地址标签 

 


  progress进度条标签 

 


  mark高亮显示 

 


  time定义时间日期 

 


  新增的表单元素 

 

<input type="email" required="required"/>  <!--required属性：判断内容不为空-->
<input type="url" autofocus="autofocus"/>  <!--autofocus属性：页面加载时获取焦点-->
<input type="tel" pattern="[1-9][0-9{10}"/>  <!--pattern:自定义验证，用正则表达式-->
<input type="number" min="1" max="20" step="4" />
<input type="range"  min="1" max="20" step="4" />
<input type="search" placeholder="请输入用户名"/>  <!--placeholder属性：默认内容提示-->
<input type="color" />
<input type="date" />
<input type="month" />
<input type="week" />
<input type="time" />
 


  5、新增的全局属性 

 


  contenteditable="true"：可编辑元素的内容 

 


  hidden="hidden"：对元素进行隐藏 

 

 
 
 

 

 
 
 
 
 

 

 
 
  

 

 
 
 

 

 
 
 


                

        

        

    




    

      

        

            

              
                
                  jy_lyw
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    1
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
html总结.xmind

				
			

			

				

					09-08
				

			

		

		

			
				
自己总结的html的笔记，绘制了详细的思维导图，每个思维导图中均有详细的博文解释，方便大家学习和理解，免费分享给大家。适合网页前端的爱好者和学习者

			
		

	



                

              
                



	

		

			

				
					
java后台对前端输入的特殊字符进行转义

				
			

			

				

					weixin_33695082的博客
				

				

					07-13
					
					853
					
				

			

		

		

			
				
HTML：
常见的帮助类有2个：一个是spring的HtmlUtils，另外一个是apache.commons下的StringEscapeUtils

 1 public static void testHtml(){
 2     String str = "&lt;a href='http://www.qq.com'&gt;QQ&lt;/a&gt;&lt;script&gt;";
 ...

			
		

	



                


  
              

                


	

		

			

				
					
replace into

				
			

			

				

					bobo now~
				

				

					09-02
					
					2495
					
				

			

		

		

			
				
replace into的用法，真的很好用，是insert into的增强版。在向表中插入数据时，我们经常会遇到这样的情况：1、首先判断数据是否存在；2、如果不存在，则插入；3、如果存在，则更新。

在SQL Server中可以这样处理：

if not exists (

			
		

	





	

		

			

				
					
xss攻击原理与解决方法

					
最新发布

				
			

			

				

					套路猿的博客
				

				

					04-14
					
					7万+
					
				

			

		

		

			
				
概述XSS攻击是Web攻击中最常见的攻击方法之一，它是通过对网页注入可执行代码且成功地被浏览器执行，达到攻击的目的，形成了一次有效XSS攻击，一旦攻击成功，它可以获取用户的联系人列表，然后向联系人发送虚假诈骗信息，可以删除用户的日志等等，有时候还和其他攻击方式同时实施比如SQL注入攻击服务器和数据库、Click劫持、相对链接劫持等实施钓鱼，它带来的危害是巨大的，是web安全的头号大敌。攻击的条件实施

			
		

	



		

			
		



	

		

			

				
					
HTML总结.xmind

				
			

			

				

					02-23
				

			

		

		

			
				
HTML总结.xmind

			
		

	





	

		

			

				
					
html总结.

				
			

			

				

					03-02
				

			

		

		

			
				
html总结.

			
		

	





	

		

			

				
					
html总结文档

				
			

			

				

					05-12
				

			

		

		

			
				
html常用标签总结，包含各种表单标签 1.表单：<form></form>  		主要属性：id name action	method  	2.input元素：  		主要属性：name type	value	class  		 		type： text submit button radio checkbox  		 hidden...

			
		

	





	

		

			

				
					
什么是CICD

					
热门推荐

				
			

			

				

					Penn Li的博客
				

				

					07-17
					
					29万+
					
				

			

		

		

			
				
什么是CICD一、简介二、持续集成（CI）三、持续交付（CD）四、持续部署（CD）五、下一步是什么？
一、简介
CI / CD的采用改变了开发人员和测试人员如何发布软件。

最初是瀑布模型，后来是敏捷开发，现在是DevOps，这是现代开发人员构建出色的产品的技术路线。随着DevOps的兴起，出现了持续集成（Continuous Integration），**持续交付（Continuous Deli...

			
		

	





	

		

			

				
					
我对MyBatis的缓存机制的理解

				
			

			

				

					LYW_lyw的博客
				

				

					06-23
					
					1961
					
				

			

		

		

			
				
MyBatis的缓存机制是基于ID进行缓存的，也就是说，MyBatis使用HashMap缓存数据时，是使用对象的ID作为key,而对象作为value保存的。
MyBatis的查询缓存分为一级缓存和二级缓存。
一级缓存是SqlSession级别的缓存，二级缓存是mapper级别的缓存。
1、一级缓存（SqlSession，MyBatis默认开启一级缓存，不需要进行任何配置）
在操作数据库时需

			
		

	





	

		

			

				
					
启动Tomcat出现乱码—解决方案

				
			

			

				

					JY_WD的博客
				

				

					09-03
					
					4789
					
				

			

		

		

			
				
问题描述
点击bin目录下的startup.bat文件启动tomcat时出现乱码问题
如图：

解决方案
找到tomcat安装目录下的conf目录，找到logging.properties文件，如图：

进入编辑页面，找到如图所示内容：

修改UTF-8为GBK

保存并重新打开Tomcat,如图，问题解决


...

			
		

	





	

		

			

				
					
JSP乱码

				
			

			

				

					ruanjianxinrenlei的博客
				

				

					05-27
					
					94
					
				

			

		

		

			
				
学JSP的时候，乱码是最让我头疼的
今天JSP用桥接器连接数据库的时候又出现乱码了，我已经使用了Charset=“GB2312”了
，上网查了很久，我加了一个pageEncoding就不出现乱码了，到目前还不清楚是什么回事？？
继续学习中。。。。。。。。。...

			
		

	





	

		

			

				
					
mysql处理数据库事务

				
			

			

				

					LDC，公众号【轻松学编程】
				

				

					05-13
					
					571
					
				

			

		

		

			
				
mysql数据库事务



1、概念

​   执行批量操作时，这些操作作为一个整体，要么全部成功，要么全部失败。如银行转账，己方扣钱、对方加钱，这两个操作是一个整体，要么全部成功，要么全部失败。



2、四大特性ACID


原子性(Atomicity) 
事务是一个不可再分割的工作单位，事务中的操作要么都发生，要么都不发生
一致性(Consistency) 
事务前后，数据关系一致、业务逻辑一致
隔离...

			
		

	





	

		

			

				
					
HTML常用标签总结及用法实例

				
			

			

				

					
				

			

		

		

			
				
经过一段时间的学习，对于HTML也有了基础的认识。在网页基本结构中，一个HTML网页最基本由网页头...希望通过对HTML常用标签的总结和学习，能够帮助大家更好地理解和应用HTML标签，为日后的网页开发工作打下坚实的基础。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值