Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 欧美激情一区二区三区视频 ,国产成人福利精品视频,一本久道热中字伊人 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML從入門到精通-基礎(chǔ)篇
          
        
           
          
	
	
          
		
                        
          天開始小編將會給大家講解HTML的入門知識以及做項(xiàng)目會遇到的某些問題以及如何解決此類問題的方法。說道網(wǎng)頁設(shè)計(jì)，HTML是我們必不可少的一部分。基礎(chǔ)網(wǎng)頁的構(gòu)成，無論怎么變幻，都是由原聲的HTML代碼組成構(gòu)成網(wǎng)頁。
          下面我就根據(jù)工作中所用和看過的書籍一點(diǎn)一點(diǎn)總結(jié)下我們常用的HTML格式和代碼。
          一、什么是HTML。
          HTM不是一段編程語言，而是一款標(biāo)記語言，本身不能顯示在瀏覽器中。經(jīng)過瀏覽器的編釋和編譯，才能正確反映HTML標(biāo)記語言的內(nèi)容。HTML從1.0到5.0經(jīng)歷了巨大的變化，從單一的文本顯示功能到多功能互動，已經(jīng)成為了一款非常成熟的標(biāo)記語言。
          二、HTML文件的基本結(jié)構(gòu)
          <!doctype html>
          <html>文件開始標(biāo)記
          <head>文件頭開始的標(biāo)記
          <meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
          <title>XX系統(tǒng)</title>
          </head>文件頭結(jié)束
          <body>文件主題的內(nèi)容
          </body>文件主題的結(jié)束
          </html>文件結(jié)束的標(biāo)記
          這里主要說明title和meta(元信息)
          <!--說明文件頭-->
          <title>XX網(wǎng)站</title>
          <!--添加作者信息-->
          <meta name="author" content="_永不言棄" >
          <!--設(shè)置網(wǎng)頁文字及語言 -->
          <meta http-equiv="X-UA-Compatible" content="IE=Edge" charset="utf-8">
          <!--設(shè)置網(wǎng)頁定時(20秒后)跳轉(zhuǎn)-->
          <meta http-equiv="refresh" content="20;url=index.html">
          三、HTML主要常用標(biāo)簽
          3.1標(biāo)題
          <h1></h1>
          <h2></h2>
          <h3></h3>
          <h4></h4>
          <h5></h5>
          <h6></h6>
          3.2 標(biāo)題字對齊屬性align
          默認(rèn)情況下，標(biāo)題文字是左對齊的。在網(wǎng)頁制作過程中，常常需要選擇對其他的方式，這時我們就需要用到align屬性。
          3.3 段落標(biāo)記p
          段落標(biāo)記是文檔中最常見的標(biāo)記，<p>用來起始的一個段落。
          3.3 換行標(biāo)記
          換行標(biāo)記<br>作用是在不另起一段的情況下將當(dāng)前文本強(qiáng)制換行。
          3.4 不換行標(biāo)記nobr
          <nobor>表示的是不換行的標(biāo)記</nobor>
          3.5 水平線
          <hr/>
          四、建立超鏈接
          與自身網(wǎng)站頁面有關(guān)的連接被稱為內(nèi)部連接
          4.1絕對路徑
          絕對路徑是包括服務(wù)器規(guī)范在內(nèi)的完全路徑。絕對路徑不管源文件在什么位置都可以非常精確地找到，除非是目標(biāo)文檔的位置發(fā)生變化，否則連接不會失效。
          4.2相對路徑
          為了避免絕對路徑的缺陷，對于在同一站點(diǎn)之中的連接來說，使用相對路徑是一個很好的方法。
          4.3 內(nèi)部連接
          <a href="# target="目標(biāo)窗口的打開方式 " >
          屬性值
          含義
          -self在當(dāng)前頁面中打開連接
          -blank在一個全新的空白窗口中打開連接
          -top在頂層框架中打開連接，也可以理解為在根框架中打開連接
          -parent在當(dāng)前框架的上一層里打開連接
          4.4 錨點(diǎn)連接
          錨點(diǎn)到本頁面中的位置
          <a href="#1" >商品名稱</a>
          <a href="#2" >產(chǎn)品特點(diǎn)</a>
          <a href="#3" >產(chǎn)品規(guī)格</a>
          <a neme="1">XX商品</a>
          <a neme="2">XX產(chǎn)品特點(diǎn)</a>
          <a neme="3">XX規(guī)格</a>
          錨點(diǎn)到其他頁面的位置
          <a href="index.html#1"></a>對應(yīng)連接到index.html中name=1的位置
          4.5 連接到外部網(wǎng)站
          在設(shè)置友情鏈接時，需要打開HTTP協(xié)議進(jìn)行外部連接訪問。
          <a href="wwww.baidu.com" >百度</a>
          4.6 連接到E-mail
          <a href="mailto:郵件地址">。。。</a>
          4.7 連接到FTP
          FTP代表文件傳輸協(xié)議，一個FTP站點(diǎn)通常包含一些上傳和下載文件的文件目錄。
          大部分FTP網(wǎng)站需要使用用戶名和密碼來登錄。
          當(dāng)然還有其他的一些連接方式，例如文件下載，連接到Telnet等。這些都會可以用a標(biāo)簽實(shí)現(xiàn)。
          HTML基礎(chǔ)就先講到這里，后面退出DIV設(shè)計(jì)網(wǎng)頁格式已經(jīng)網(wǎng)頁分框的實(shí)現(xiàn)。
          入門到精通：掌握 CSS 的全程指南
          Cascading Style Sheets（層疊樣式表），簡稱 CSS，是前端開發(fā)中不可或缺的一部分。它為網(wǎng)頁提供了美觀和一致的外觀，同時也為用戶提供了更好的用戶體驗(yàn)。本文將引導(dǎo)你從 CSS 的基礎(chǔ)入門到精通，幫助你成為一名優(yōu)秀的前端開發(fā)者。
          CSS 基礎(chǔ)入門
          1. 什么是 CSS？ 
          天小編為大家介紹五種css樣式布局以及內(nèi)服源代碼作為介紹，采用的方式是行內(nèi)級樣式（就是將css樣式代碼與html寫在一起）
          已知布局元素的高度，寫出三欄布局，要求左欄、右欄寬度各為300px，中間自適應(yīng)。
          一、浮動布局
          <!DOCTYPE html>
          <html>
          <head>
           <meta charset="utf-8" />
           <title>浮動布局</title>
           <style type="text/css">
           .wrap1 div{
           min-height: 200px;
           }
           .wrap1 .left{
           float: left;
           width: 300px;
           background: red;
           }
           .wrap1 .right{
           float: right;
           width: 300px;
           background: blue;
           }
           .wrap1 .center{
           background: pink;
           } 
           </style>
          </head>
          <body>
           <div class="wrap1">
           <div class="left"></div>
           <div class="right"></div>
           <div class="center">
           浮動布局
           </div> 
           </div>
          </body>
          </html>
          浮動布局的兼容性比較好，但是浮動帶來的影響比較多，頁面寬度不夠的時候會影響布局。
          二、絕對定位布局
          <!DOCTYPE html>
          <html>
          <head>
           <meta charset="utf-8" />
           <title>絕對定位布局</title>
           <style type="text/css">
           .wrap2 div{
           position: absolute;
           min-height: 200px;
           }
           .wrap2 .left{
           left: 0;
           width: 300px;
           background: red;
           }
           .wrap2 .right{
           right: 0;
           width: 300px;
           background: blue;
           }
           .wrap2 .center{
           left: 300px;
           right: 300px;
           background: pink;
           } 
           </style>
          </head>
          <body>
           <div class="wrap2 wrap">
           <div class="left"></div>
           <div class="center">
           絕對定位布局
           </div>
           <div class="right"></div>
           </div>
          </body>
          </html>
          絕對定位布局快捷，但是有效性比較差，因?yàn)槊撾x了文檔流。
          三、flex布局
          <!DOCTYPE html>
          <html>
          <head>
           <meta charset="utf-8" />
           <title>flex布局</title>
           <style type="text/css">
           .wrap3{
           display: flex;
           min-height: 200px;
           }
           .wrap3 .left{ 
           flex-basis: 300px;
           background: red;
           }
           .wrap3 .right{ 
           flex-basis: 300px;
           background: blue;
           }
           .wrap3 .center{
           flex: 1;
           background: pink;
           }
           </style>
          </head>
          <body>
           <div class="wrap3 wrap">
           <div class="left"></div>
           <div class="center">
           flex布局
           </div>
           <div class="right"></div>
           </div>
          </body>
          </html>
          自適應(yīng)好，高度能夠自動撐開
          四、table-cell表格布局
          <!DOCTYPE html>
          <html>
          <head>
           <meta charset="utf-8" />
           <title>table-cell表格布局</title>
           <style type="text/css">
           .wrap4{
           display: table;
           width: 100%;
           height: 200px;
           }
           .wrap4>div{
           display: table-cell;
           }
           .wrap4 .left{ 
           width: 300px;
           background: red;
           }
           .wrap4 .right{ 
           width: 300px;
           background: blue;
           }
           .wrap4 .center{
           background: pink;
           }
           </style>
          </head>
          <body>
           <div class="wrap4 wrap">
           <div class="left"></div>
           <div class="center">
           表格布局
           </div>
           <div class="right"></div>
           </div>
          </body>
          </html>
          兼容性好，但是有時候不能固定高度，因?yàn)闀粌?nèi)容撐高。
          五、網(wǎng)格布局
          <!DOCTYPE html>
          <html>
          <head>
           <meta charset="utf-8" />
           <title>網(wǎng)格布局</title>
           <style type="text/css">
           .wrap5{
           display: grid;
           width: 100%;
           grid-template-rows: 200px;
           grid-template-columns: 300px auto 300px;
           }
           .wrap5 .left{ 
           background: red;
           }
           .wrap5 .right{ 
           background: blue;
           }
           .wrap5 .center{
           background: pink;
           }
           </style>
          </head>
          <body>
           <div class="wrap5 wrap">
           <div class="left"></div>
           <div class="center">
           網(wǎng)格布局
           </div>
           <div class="right"></div>
           </div>
          </body>
          </html>
          希望大家可以一直關(guān)注我，支持我！感謝?。?！
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲国产成人一区二区三区|
国产99精品一区二区三区免费|
亚洲丰满熟女一区二区哦|
精品国产一区二区三区久久|
日本免费一区二区久久人人澡|
少妇激情一区二区三区视频|
亚洲无线码一区二区三区|
久久久国产精品亚洲一区
|
久久精品亚洲一区二区三区浴池|
狠狠色综合一区二区|
无码人妻一区二区三区av|
一区二区三区四区电影视频在线观看
|
日韩人妻无码一区二区三区久久|
亚洲乱码一区av春药高潮|
国产福利一区视频|
国产亚洲3p无码一区二区|
亚洲一区二区三区无码国产
|
日韩经典精品无码一区|
亚洲乱色熟女一区二区三区丝袜|
国产精品合集一区二区三区|
一区 二区 三区 中文字幕|
天堂国产一区二区三区|
国产午夜一区二区在线观看|
中文字幕无码一区二区免费|
国产日产久久高清欧美一区|
手机看片一区二区|
日韩在线视频一区二区三区|
免费av一区二区三区|
色婷婷亚洲一区二区三区
|
日韩美女视频一区|
国产suv精品一区二区33|
毛片无码一区二区三区a片视频|
一区五十路在线中出|
国产精品视频一区|
久久一本一区二区三区|
男人的天堂精品国产一区|
国产精品福利一区二区久久|
亚洲熟女乱综合一区二区|
无码av免费毛片一区二区
|
国产日产久久高清欧美一区|
性色A码一区二区三区天美传媒|