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 午夜限制r级噜噜片一区二区,亚洲国产日韩女人aaaaaa毛片在线,最近中文字幕免费mv视频 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML入門(mén)基礎(chǔ)知識(shí)
          
        
           
          
	
	
          
		
                        
          TML的入門(mén)
          1. HTML的代碼文件
          （1）打開(kāi)Hbuilder開(kāi)發(fā)工具，新建項(xiàng)目，點(diǎn)擊右鍵新建一個(gè)HTML文檔。
          （2）在文檔中寫(xiě)HTML代碼
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="UTF-8">
          <title>產(chǎn)品列表</title>
          </head>
          <body>
          這是產(chǎn)品頁(yè)面
          <b>好好學(xué)習(xí)，天天向上</b>
          <h1>好好學(xué)習(xí)，天天向上</h1>
          </body>
          </html>
          溫馨提示：
          常用的快捷鍵：
           Ctrl+s:保存
            ctrl+c:復(fù)制
            ctrl+x：剪切
            ctrl+v：粘貼
          2. HTML的基本結(jié)構(gòu)
          對(duì)于HTML文件的后綴名一般為“html”或“htm”
          2.1HTML的標(biāo)簽格式
          （1）什么是HTML標(biāo)簽？
          HTML標(biāo)簽是有開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽組成
          開(kāi)始標(biāo)簽：是被尖括號(hào)包圍的元素名。
          結(jié)束標(biāo)簽：是被尖括號(hào)包圍的斜杠和元素名
          <元素>內(nèi)容 </元素>
          例如：<b>好好學(xué)習(xí)天天向上</b>
          注意：有些HTML標(biāo)簽是沒(méi)有結(jié)束標(biāo)簽的, <hr/>
          (2)單標(biāo)簽和雙標(biāo)簽
           雙標(biāo)簽：例如：<b></b>
           單標(biāo)簽：<hr/> <br/>
          (3) 標(biāo)簽的屬性
           <font size="1">好好學(xué)習(xí)</font>
          <font size="7">好好學(xué)習(xí)</font>
           <h1 title="h1" style="color: red;">
           我是一個(gè)標(biāo)題標(biāo)簽
           </h1>
          3. HTML基本結(jié)構(gòu)的認(rèn)識(shí)
          <!--<!DOCTYPE html>:文檔聲明，告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范，讓瀏覽器通過(guò)正確的方式解析我們的網(wǎng)頁(yè)，讓網(wǎng)頁(yè)能夠正確的顯示。-->
          <!DOCTYPE html>
          <!-- <html>標(biāo)簽：是網(wǎng)頁(yè)的跟標(biāo)簽-->
          <html>
          <!--head是網(wǎng)頁(yè)頭，一般表示網(wǎng)頁(yè)中描述信息-->
          <head>
          <!--
           meta：提供網(wǎng)頁(yè)的相關(guān)信息，有利于搜索引擎收錄 
           charset="UTF-8"： 設(shè)置網(wǎng)頁(yè)編碼方式為utf-8
           name="Keywords" ：設(shè)置網(wǎng)頁(yè)關(guān)鍵字
           name="viewport": 設(shè)置網(wǎng)頁(yè)視窗大小
           -->
           <meta name="Keywords" content="HTML5前端開(kāi)發(fā)工程師入門(mén)到精通課程"/>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
          <!-- <title></title>：表示網(wǎng)頁(yè)的標(biāo)題 -->
          <title></title>
          </head>
          <body>
          <!--
           <body></body>：網(wǎng)頁(yè)的主體內(nèi)容，用戶呈現(xiàn)的內(nèi)容，比如文字，圖片，鏈接，視頻……
           -->
          </body>
          </html>
          4. HTML的注釋
          <!--這里是注釋的內(nèi)容-->
          5. HTML的編碼問(wèn)題
          常見(jiàn)編碼個(gè)格式：
          UTF-8:國(guó)際通用的編碼格式
          GBK/GB2312:中文編碼字符
          HTML的編碼：<meta charset="UTF-8">
          6. HTML規(guī)范
          （1）html標(biāo)簽都是有尖括號(hào)包圍的標(biāo)簽，比如<b>
          （2）標(biāo)簽通常是成對(duì)存在，<b></b>,<h1></h1>
          （3）HTML不區(qū)分大小寫(xiě)，我們建議小寫(xiě)。
          （4）HTML可以嵌套，但是允許交叉嵌套
          正確寫(xiě)法：<b> <h1>我很粗</h1> </b>
          錯(cuò)誤寫(xiě)法：
           <b> <h1>我很粗 </b></h1>
          TML教程 
          超文本標(biāo)記語(yǔ)言（英語(yǔ)：HyperText Markup Language，簡(jiǎn)稱：HTML）是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。
          您可以使用 HTML 來(lái)建立自己的 WEB 站點(diǎn)，HTML 運(yùn)行在瀏覽器上，由瀏覽器來(lái)解析。
          在本教程中，您將學(xué)習(xí)如何使用 HTML 來(lái)創(chuàng)建站點(diǎn)。
          HTML 很容易學(xué)習(xí)！相信您能很快學(xué)會(huì)它！
          本教程包含了數(shù)百個(gè) HTML 實(shí)例。
          使用本站的編輯器，您可以輕松實(shí)現(xiàn)在線修改 HTML，并查看實(shí)例運(yùn)行結(jié)果。
          <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>孫叫獸的博客</title>
    </head>
    <body>
        <h1>我的第一個(gè)標(biāo)題</h1>
        <p>我的第一個(gè)段落。</p>
    </body>
</html>
          HTML 文檔的后綴名
          .html
          .htm
          都可以。
           
          • HTML 簡(jiǎn)介
          實(shí)例：
          <!doctype html>
<html>
<header>
<meta charset="utf-8">
<title>孫叫獸的博客</title>
</header>
<body>
<h1>這是我的標(biāo)題</h1>
<p>這是我的段落</p>
</body>
</html>
          實(shí)例解析
          • <!DOCTYPE html> 聲明為 HTML5 文檔
          • <html> 元素是 HTML 頁(yè)面的根元素
          • <head> 元素包含了文檔的元（meta）數(shù)據(jù)，如 <meta charset=“utf-8”> 定義網(wǎng)頁(yè)編碼格式為 utf-8。
          • <title> 元素描述了文檔的標(biāo)題
          • <body> 元素包含了可見(jiàn)的頁(yè)面內(nèi)容
          • <h1> 元素定義一個(gè)大標(biāo)題
          • <p> 元素定義一個(gè)段落
          什么是HTML？
          • HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
          • HTML 指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language
          • HTML 不是一種編程語(yǔ)言，而是一種標(biāo)記語(yǔ)言
          • 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
          • HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
          • HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
          • HTML文檔也叫做 web 頁(yè)面
          • HTML 標(biāo)簽
          • HTML 標(biāo)記標(biāo)簽通常被稱為 HTML
          標(biāo)簽
        1. HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 <html>
        2. HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 <b> 和 </b>
        3. 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
        4. 開(kāi)始和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽
          5. <標(biāo)簽>內(nèi)容</標(biāo)簽>
          html元素
          “HTML 標(biāo)簽” 和 “HTML 元素” 通常都是描述同樣的意思.
          但是嚴(yán)格來(lái)講, 一個(gè) HTML 元素包含了開(kāi)始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:
          HTML 元素:
          <p>這是一個(gè)段落</p>
          web瀏覽器
          Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁(yè)顯示。
          瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來(lái)決定如何展現(xiàn)HTML頁(yè)面的內(nèi)容給用戶
          html網(wǎng)頁(yè)結(jié)構(gòu)
          <html>
    <head>
        <title>頁(yè)面標(biāo)題</title>
    </head>
    <body>
        <h1>這是一個(gè)標(biāo)題</h1>
        <p>這是一個(gè)段落。</p>
        <p>這是另外一個(gè)段落。</p>
    </body>
</html>
          html的版本：
          <!DOCTYPE>聲明
          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁(yè)。
          網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁(yè)內(nèi)容。
          doctype 聲明是不區(qū)分大小寫(xiě)的，以下方式均可：
          <!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
          html5
          <!DOCTYPE html>
          html4
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4 Transitional//EN""
http://www.w3.org/TR/html4/loose.dtd">
          xhtml1.0
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          中文編碼
          目前在大部分瀏覽器中，直接輸出中文會(huì)出現(xiàn)中文亂碼的情況，這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。
          法
          • 縮進(jìn)使用soft tab（4個(gè)空格）；
          • 嵌套的節(jié)點(diǎn)應(yīng)該縮進(jìn)；
          • 在屬性上，使用雙引號(hào)，不要使用單引號(hào)；
          • 屬性名全小寫(xiě)，用中劃線做分隔符；
          • 不要在自動(dòng)閉合標(biāo)簽結(jié)尾處使用斜線（HTML5 規(guī)范 指出他們是可選的）；
          • 不要忽略可選的關(guān)閉標(biāo)簽，例:

          <!DOCTYPE html>
 <html>
 	<head>
 		<title>Page title</title>
 	</head>
 	<body> <img src="images/company_logo.png" alt="Company">
 		<h1 class="hello-world">Hello, world!</h1>
 	</body>
 </html>
          HTML5 doctype在頁(yè)面開(kāi)頭使用這個(gè)簡(jiǎn)單地doctype來(lái)啟用標(biāo)準(zhǔn)模式，使其在每個(gè)瀏覽器中盡可能一致的展現(xiàn)；雖然doctype不區(qū)分大小寫(xiě)，但是按照慣例，doctype大寫(xiě) （關(guān)于html屬性，大寫(xiě)還是小寫(xiě)）。<!DOCTYPE html> <html> ... </html> lang屬性根據(jù)HTML5規(guī)范：應(yīng)在html標(biāo)簽上加上lang屬性。這會(huì)給語(yǔ)音工具和翻譯工具幫助，告訴它們應(yīng)當(dāng)怎么去發(fā)音和翻譯。
          更多關(guān)于 lang 屬性的說(shuō)明在這里；在sitepoint上可以查到語(yǔ)言列表；
          但sitepoint只是給出了語(yǔ)言的大類，例如中文只給出了zh，但是沒(méi)有區(qū)分香港，臺(tái)灣，大陸。而微軟給出了一份更加詳細(xì)的語(yǔ)言列表.aspx)，其中細(xì)分了zh-cn, zh-hk, zh-tw。<!DOCTYPE html> <html lang="en-us"> ... </html> 字符編碼通過(guò)聲明一個(gè)明確的字符編碼，讓瀏覽器輕松、快速的確定適合網(wǎng)頁(yè)內(nèi)容的渲染方式，通常指定為’UTF-8’。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> ... </html> IE兼容模式用 <meta> 標(biāo)簽可以指定頁(yè)面應(yīng)該用什么版本的IE來(lái)渲染；<!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> </head> ... </html> 引入CSS, JS根據(jù)HTML5規(guī)范, 通常在引入CSS和JS時(shí)不需要指明 type，因?yàn)?text/css 和 text/javascript 分別是他們的默認(rèn)值。HTML5 規(guī)范鏈接使用link
          使用style
          使用script<!-- External CSS --> <link rel="stylesheet" href="code_guide.css"> <!-- In-document CSS --> <style> ... </style> <!-- External JS --> <script src="code_guide.js"></script> <!-- In-document JS --> <script> ... </script> 屬性順序屬性應(yīng)該按照特定的順序出現(xiàn)以保證易讀性；
          • class
          • id
          • name
          • data-*
          • src, for, type, href, value , max-length, max, min, pattern
          • placeholder, title, alt
          • aria-*, role
          • required, readonly, disabled
          class是為高可復(fù)用組件設(shè)計(jì)的，所以應(yīng)處在第一位；
          id更加具體且應(yīng)該盡量少使用，所以將它放在第二位。
          <a class="..." id="..." data-modal="toggle" href="#">Example link</a>

<input class="form-control" type="text">

<img src="..." alt="...">

          boolean屬性
          boolean屬性指不需要聲明取值的屬性，XHTML需要每個(gè)屬性聲明取值，但是HTML5并不需要；
          更多內(nèi)容可以參考 WhatWG section on boolean attributes：
          boolean屬性的存在表示取值為true，不存在則表示取值為false。
          <input type="text" disabled>

<input type="checkbox" value="1" checked>

<select>
    <option value="1" selected>1</option>
</select>

          JS生成標(biāo)簽
          在JS文件中生成標(biāo)簽讓內(nèi)容變得更難查找，更難編輯，性能更差。應(yīng)該盡量避免這種情況的出現(xiàn)。
          減少標(biāo)簽數(shù)量
          在編寫(xiě)HTML代碼時(shí)，需要盡量避免多余的父節(jié)點(diǎn)；很多時(shí)候，需要通過(guò)迭代和重構(gòu)來(lái)使HTML變得更少。
          <!-- Not well -->
<span class="avatar">
    <img src="...">
</span>

<!-- Better -->
<img class="avatar" src="...">

          實(shí)用高于完美
          盡量遵循HTML標(biāo)準(zhǔn)和語(yǔ)義，但是不應(yīng)該以浪費(fèi)實(shí)用性作為代價(jià)；任何時(shí)候都要用盡量小的復(fù)雜度和盡量少的標(biāo)簽來(lái)解決問(wèn)題。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
欧洲无码一区二区三区在线观看|
国产亚洲欧洲Aⅴ综合一区|
久久伊人精品一区二区三区|
国产激情无码一区二区app|
中文字幕日韩一区二区不卡|
国产精品无码一区二区三级|
日本精品一区二区三本中文|
亚洲中文字幕一区精品自拍|
国产美女口爆吞精一区二区|
中文字幕一区二区三区乱码|
国产熟女一区二区三区四区五区
|
午夜一区二区在线观看|
日韩一区二区超清视频|
波多野结衣一区视频在线|
国产日韩AV免费无码一区二区|
国产AV一区二区精品凹凸|
一区二区在线播放视频|
一区二区三区日本电影|
波多野结衣电影区一区二区三区
|
国产高清在线精品一区二区三区|
国产精品一区二区久久精品|
免费无码A片一区二三区|
日本v片免费一区二区三区|
国内自拍视频一区二区三区|
日韩一区二区视频|
国产成人精品一区二区A片带套
|
国产激情无码一区二区app|
中文字幕一区二区三区乱码|
亚洲一区无码精品色|
农村乱人伦一区二区|
97精品国产一区二区三区|
97精品国产一区二区三区|
波多野结衣AV一区二区三区中文
|
区三区激情福利综合中文字幕在线一区
|
亚洲一区二区三区免费视频|
精品无码人妻一区二区免费蜜桃
|
精品无码国产AV一区二区三区|
午夜在线视频一区二区三区|
一区二区三区亚洲视频|
农村人乱弄一区二区|
亚洲一区二区三区不卡在线播放|