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 <body> 標(biāo)簽
          
        
           
          
	
	
          
		
                        
          例
          一個(gè)簡單的 HTML 文檔，包含盡可能少的必需的標(biāo)簽：
          <!DOCTYPE html> 
          <html> 
          <head> 
          <meta charset="utf-8"> 
          <title>文檔標(biāo)題</title> 
          </head> 
          <body> 
          文檔內(nèi)容...... 
          </body> 
          </html>
          瀏覽器支持
          所有主流瀏覽器都支持 <body> 標(biāo)簽。
          標(biāo)簽定義及使用說明
          <body> 標(biāo)簽定義文檔的主體。
          <body> 元素包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等）。
          HTML 4.01 與 HTML5之間的差異
          在 HTML 5 中，刪除了所有 body 元素的"呈現(xiàn)屬性"。
          在 HTML 4.01 中，所有 body 元素的"呈現(xiàn)屬性" 已廢棄。
          屬性
          屬性值描述
          alinkcolorHTML5 不支持。 HTML 4.01 已廢棄。 規(guī)定文檔中活動(dòng)鏈接的顏色。
          backgroundURLHTML5 不支持。 HTML 4.01 已廢棄。 規(guī)定文檔的背景圖像。
          bgcolorcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔的背景顏色。
          linkcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔中未訪問鏈接的顏色。
          textcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔中所有文本的顏色。
          vlinkcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔中已被訪問鏈接的顏色。
          全局屬性
          <body> 標(biāo)簽支持 HTML 的全局屬性。
          事件屬性
          <body> 標(biāo)簽支持 HTML 的事件屬性。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          法
          • 縮進(jìn)使用soft tab（4個(gè)空格）；
          • 嵌套的節(jié)點(diǎn)應(yīng)該縮進(jìn)；
          • 在屬性上，使用雙引號(hào)，不要使用單引號(hào)；
          • 屬性名全小寫，用中劃線做分隔符；
          • 不要在自動(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在頁面開頭使用這個(gè)簡單地doctype來啟用標(biāo)準(zhǔn)模式，使其在每個(gè)瀏覽器中盡可能一致的展現(xiàn)；雖然doctype不區(qū)分大小寫，但是按照慣例，doctype大寫 （關(guān)于html屬性，大寫還是小寫）。<!DOCTYPE html> <html> ... </html> lang屬性根據(jù)HTML5規(guī)范：應(yīng)在html標(biāo)簽上加上lang屬性。這會(huì)給語音工具和翻譯工具幫助，告訴它們應(yīng)當(dāng)怎么去發(fā)音和翻譯。
          更多關(guān)于 lang 屬性的說明在這里；在sitepoint上可以查到語言列表；
          但sitepoint只是給出了語言的大類，例如中文只給出了zh，但是沒有區(qū)分香港，臺(tái)灣，大陸。而微軟給出了一份更加詳細(xì)的語言列表.aspx)，其中細(xì)分了zh-cn, zh-hk, zh-tw。<!DOCTYPE html> <html lang="en-us"> ... </html> 字符編碼通過聲明一個(gè)明確的字符編碼，讓瀏覽器輕松、快速的確定適合網(wǎng)頁內(nèi)容的渲染方式，通常指定為’UTF-8’。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> ... </html> IE兼容模式用 <meta> 標(biāo)簽可以指定頁面應(yīng)該用什么版本的IE來渲染；<!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ù)量
          在編寫HTML代碼時(shí)，需要盡量避免多余的父節(jié)點(diǎn)；很多時(shí)候，需要通過迭代和重構(gòu)來使HTML變得更少。
          <!-- Not well -->
<span class="avatar">
    <img src="...">
</span>

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

          實(shí)用高于完美
          盡量遵循HTML標(biāo)準(zhǔn)和語義，但是不應(yīng)該以浪費(fèi)實(shí)用性作為代價(jià)；任何時(shí)候都要用盡量小的復(fù)雜度和盡量少的標(biāo)簽來解決問題。
          TML的作用
          HTML是用來開發(fā)網(wǎng)頁的，它是開發(fā)網(wǎng)頁的語言
          HTML的定義
          全稱HyperText Mark-up Language，超文本標(biāo)記語言
          標(biāo)記就是標(biāo)簽
          <標(biāo)簽名稱></標(biāo)簽名稱> 比如 <html></html> <h1></h1>等，標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的。
          超文本 兩層含義：
          1. 因?yàn)榫W(wǎng)頁中還可以有圖片、視頻、音頻等內(nèi)容（超越文本限制）
          2. 它還可以在網(wǎng)頁中跳轉(zhuǎn)到另一個(gè)網(wǎng)頁，與世界各地主機(jī)的網(wǎng)頁鏈接（超鏈接文本）
          HTML的基本結(jié)構(gòu)
          <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>網(wǎng)頁標(biāo)題</title>
    </head>
    <body>
        網(wǎng)頁顯示內(nèi)容
    </body>
</html>
          第一行<!DOCTYPE html>是文檔聲明
          用來指定頁面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔
          <html>...</html>標(biāo)簽是開發(fā)人員在告訴瀏覽器
          整個(gè)網(wǎng)頁是從<html>這里開始的，到</html>結(jié)束
          也就是html文檔的開始和結(jié)束標(biāo)簽
          <head>...</head>標(biāo)簽用于定義文檔的頭部
          是負(fù)責(zé)對(duì)網(wǎng)頁進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的
          <body>...</body>標(biāo)簽是編寫網(wǎng)頁上顯示的內(nèi)容
          網(wǎng)頁文件的后綴是.html, 一個(gè)html文件就是一個(gè)網(wǎng)頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁
          VS Code 安裝
          VS Code全拼是 Visual Studio Code 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器
          目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具
          下載網(wǎng)址: https://code.visualstudio.com/Download
          選擇對(duì)應(yīng)的安裝包進(jìn)行下載:
          安裝一切默認(rèn)
          VS Code 的插件安裝
          • Chinese(Simplified) Language Pack for VS Code 中文漢化包
          • open in browser 右擊在瀏覽器打開html
          常用的HTML標(biāo)簽
          1 標(biāo)簽不區(qū)分大小寫，但是推薦使用小寫
          2 根據(jù)標(biāo)簽的書寫形式，標(biāo)簽分為雙標(biāo)簽(閉合標(biāo)簽)和單標(biāo)簽(空標(biāo)簽)  2.1 雙標(biāo)簽是指由開始標(biāo)簽和結(jié)束標(biāo)簽組成的一對(duì)標(biāo)簽，這種標(biāo)簽允許嵌套和承載內(nèi)容，比如: div標(biāo)簽  2.2 單標(biāo)簽是一個(gè)標(biāo)簽組成，沒有標(biāo)簽內(nèi)容， 比如: img標(biāo)簽
          標(biāo)簽的使用形式
          1. 成對(duì)出現(xiàn)的標(biāo)簽
          2. 標(biāo)簽的嵌套
          3. 單個(gè)出現(xiàn)的標(biāo)簽
          4. 帶屬性的標(biāo)簽

          列表標(biāo)簽
          1. 無序列表標(biāo)簽(ul標(biāo)簽)
          2. 有序列表標(biāo)簽(ol標(biāo)簽)
          網(wǎng)頁效果
          表格標(biāo)簽
          <table>標(biāo)簽：表示一個(gè)表格
          <tr>標(biāo)簽：表示表格中的一行
          <td>標(biāo)簽：表示表格中的列
          <th>標(biāo)簽：表示表格中的表頭
          屬性設(shè)置
          border: 1px solid black:設(shè)置邊框和顏色
          border-collapse: collapse:設(shè)置邊框合并


          網(wǎng)頁效果
          表單標(biāo)簽
          表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
          <form>標(biāo)簽 表示表單標(biāo)簽，定義整體的表單區(qū)域
          一個(gè)表單中有很多信息組成,比如 姓名,愛好,地址等,這些內(nèi)容有很多其他標(biāo)簽來承載
          這些標(biāo)簽稱為表單元素標(biāo)簽
          網(wǎng)頁效果
          表單提交
          表單用于搜集不同類型的用戶輸入的數(shù)據(jù)，然后可以把用戶數(shù)據(jù)提交到web服務(wù)器
          • action屬性 設(shè)置表單數(shù)據(jù)提交地址
          • method屬性 設(shè)置表單提交的方式，一般有“GET”方式和“POST”方式, 不區(qū)分大小寫
          兩種方式的區(qū)別:
          • “GET”方式 : 沒有請(qǐng)求體
          • “POST”方式 : 有請(qǐng)求體
          表單元素屬性設(shè)置
          • name: 表單元素的名稱，用于作為提交表單數(shù)據(jù)時(shí)的參數(shù)名
          • value: 表單元素的值，用于作為提交表單數(shù)據(jù)時(shí)參數(shù)名所對(duì)應(yīng)的值
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="X-UA-Compatible" content="ie=edge">
          <title>Document</title>
          </head>
          <body>
          <!--
          姓名 type="text" 定義單行文本輸入框
          密碼 type="password" 定義密碼輸入框
          性別 type="radio" 定義單選框
          愛好 type="checkbox" 定義復(fù)選框
          照片 type="file" 定義上傳文件
          個(gè)人描述 <textarea></textarea> 定義多行文本輸入框
          地址 <select></select> 定義下拉列表
          提交 type="submit" 定義提交按鈕
          重置 type="reset" 定義重置按鈕
          按鈕 type="button" 定義一個(gè)普通按鈕
          -->
          <form action="http://192.168.1.106:8080" method="POST">
          <label>姓名:</label>
          <input type="text" name="username" >
          <br>
          <label>密碼:</label>
          <input type="password" name="password">
          <br>
          <label>性別:</label>
          <input type="radio" name="sex" value="1">男
          <input type="radio" name="sex" value="0">女
          <br>
          <label>愛好:</label>
          <input type="checkbox" name="like" value="睡覺">睡覺
          <input type="checkbox" name="like" value="吃飯">吃飯
          <input type="checkbox" name="like" value="打豆豆">打豆豆
          <br>
          <label>照片:</label>
          <input type="file" name="pic">
          <br>
          <label>個(gè)人描述:</label>
          <textarea name="desc"></textarea>
          <br>
          <label>地址:</label>
          <select name="addr">
          <option value="1">北京</option>
          <option value="2">上海</option>
          <option value="3">廣州</option>
          <option value="4">深圳</option>
          </select>
          <br>
          <input type="submit" value="提交">
          <input type="reset" value="重置">
          <input type="button" value="按鈕">
          </form>
          </body>
          </html>

          點(diǎn)擊提交：
          可以看到服務(wù)器收到了請(qǐng)求報(bào)文。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	


          
 

 







主站蜘蛛池模板：
中文字幕精品一区二区精品|
日韩一区二区三区免费体验|
女人18毛片a级毛片一区二区|
国产在线观看一区二区三区四区|
国产乱码精品一区三上|
一本大道东京热无码一区|
福利国产微拍广场一区视频在线
|
国产成人欧美一区二区三区|
日韩福利视频一区|
亚洲国产精品一区二区成人片国内
|
亚洲AV无码一区二区三区国产|
91国偷自产一区二区三区|
国产精品亚洲综合一区|
日本在线观看一区二区三区|
成人国产精品一区二区网站公司|
久久精品无码一区二区无码|
久久4k岛国高清一区二区|
国产内射在线激情一区|
高清国产精品人妻一区二区|
亚洲国产精品一区二区三区久久|
日本人真淫视频一区二区三区|
韩国一区二区三区视频|
国内精品一区二区三区最新|
亚洲av无一区二区三区|
亚洲综合激情五月色一区|
国产品无码一区二区三区在线|
国产精品一区二区久久精品涩爱|
综合无码一区二区三区四区五区
|
看电影来5566一区.二区|
国产一区二区三区在线2021|
亚洲国产精品无码久久一区二区|
亚洲一区二区三区香蕉|
国产精品日本一区二区在线播放
|
国产人妖视频一区在线观看|
波多野结衣在线观看一区|
国产伦精品一区二区三区视频小说|
日本精品视频一区二区|
免费一区二区视频|
一区二区福利视频|
国偷自产av一区二区三区|
亚洲一区二区在线免费观看|