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 午夜激情网站,久久久久视频精品网,97在线播放视频 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML 之簡(jiǎn)介
          
        
           
          
	
	
          
		
                        
          TML 實(shí)例
          <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
          實(shí)例解析
          • DOCTYPE 聲明了文檔類型
          • 位于標(biāo)簽 <html> 與 </html> 描述了文檔類型
          • 位于標(biāo)簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
          • 位于標(biāo)簽 <h1> 與 </h1> 作為一個(gè)標(biāo)題使用
          • 位于標(biāo)簽 <p> 與 </p> 作為一個(gè)段落顯示
          <!DOCTYPE html> 在HTML5中也是描述了文檔類型。
           什么是HTML?
          HTML 是用來描述網(wǎng)頁的一種語言。
          • HTML 指的是超文本標(biāo)記語言: HyperText Markup Language
          • HTML 不是一種編程語言，而是一種標(biāo)記語言
          • 標(biāo)記語言是一套標(biāo)記標(biāo)簽 (markup tag)
          • HTML 使用標(biāo)記標(biāo)簽來描述網(wǎng)頁
          • HTML 文檔包含了HTML 標(biāo)簽及文本內(nèi)容
          • HTML文檔也叫做 web 頁面
           HTML 標(biāo)簽
          HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
          • HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 <html>
          • HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 <b> 和 </b>
          • 標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
          • 開始和結(jié)束標(biāo)簽也被稱為開放標(biāo)簽和閉合標(biāo)簽
          <標(biāo)簽>內(nèi)容</標(biāo)簽>
           HTML 元素
          "HTML 標(biāo)簽" 和 "HTML 元素" 通常都是描述同樣的意思.
          但是嚴(yán)格來講, 一個(gè) HTML 元素包含了開始標(biāo)簽與結(jié)束標(biāo)簽，如下實(shí)例:
          HTML 元素:
          <p>這是一個(gè)段落。</p>
           Web 瀏覽器
           Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。
          瀏覽器并不是直接顯示的HTML標(biāo)簽，但可以使用標(biāo)簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：
           HTML 網(wǎng)頁結(jié)構(gòu)
          下面是一個(gè)可視化的HTML頁面結(jié)構(gòu)：
          <html>
          <head>
          <title>頁面標(biāo)題</title>
          </head>
          <body>
          <h1>這是一個(gè)標(biāo)題</h1>
          <p>這是一個(gè)段落。</p>
          <p>這是另外一個(gè)段落。</p>
          </body>
          </html>
          只有 <body> 區(qū)域 (白色部分) 才會(huì)在瀏覽器中顯示。
           HTML版本
          從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:
          版本發(fā)布時(shí)間
          HTML1991
          HTML+1993
          HTML 2.01995
          HTML 3.21997
          HTML 4.011999
          XHTML 1.02000
          HTML52012
          XHTML52013
           <!DOCTYPE> 聲明
          <!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
          網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
          doctype 聲明是不區(qū)分大小寫的，以下方式均可：
          <!DOCTYPE html> 
          <!DOCTYPE HTML> 
          <!doctype html> 
          <!Doctype Html>
          通用聲明
          HTML5
          <!DOCTYPE html>
          HTML 4.01
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
          XHTML 1.0
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊(cè)。
           中文編碼
           目前在大部分瀏覽器中，直接輸出中文會(huì)出現(xiàn)中文亂碼的情況，這時(shí)候我們就需要在頭部將字符聲明為 UTF-8。
           HTML 實(shí)例
           <!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標(biāo)題</title></head><body><h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p></body></html>
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          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)文。
          、html的介紹
          1.1 html的定義
          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)頁鏈接(超鏈接文本)
          1.2 html的作用
          html是用來開發(fā)網(wǎng)頁的，它是開發(fā)網(wǎng)頁的語言。
          1.3 小結(jié)
          • html是開發(fā)網(wǎng)頁的語言
          • html中的標(biāo)簽大多數(shù)都是成對(duì)出現(xiàn)的, 格式: <標(biāo)簽名>
          二、html的基本結(jié)構(gòu)
          2.1 結(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>
          1. 第一行<!DOCTYPE html>是文檔聲明, 用來指定頁面所使用的html的版本, 這里聲明的是一個(gè)html5的文檔。
          2. <html>...</html>標(biāo)簽是開發(fā)人員在告訴瀏覽器，整個(gè)網(wǎng)頁是從<html>這里開始的，到html結(jié)束,也就是html文檔的開始和結(jié)束標(biāo)簽。
          3. <head>...</head>標(biāo)簽用于定義文檔的頭部,是負(fù)責(zé)對(duì)網(wǎng)頁進(jìn)行設(shè)置標(biāo)題、編碼格式以及引入css和js文件的。
          4. <body>...</body>標(biāo)簽是編寫網(wǎng)頁上顯示的內(nèi)容。
          2.2 瀏覽網(wǎng)頁文件
          網(wǎng)頁文件的后綴是.html或者.htm, 一個(gè)html文件就是一個(gè)網(wǎng)頁，html文件用編輯器打開顯示的是文本，可以用文本的方式編輯它，如果用瀏覽器打開，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將文件渲染成網(wǎng)頁。
          2.3 小結(jié)
          三、vscode的基本使用
          3.1 vscode 的基本介紹
          全拼是 Visual Studio Code (簡(jiǎn)稱 VS Code) 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器，目前是前端(網(wǎng)頁)開發(fā)使用最多的一款軟件開發(fā)工具。
          3.2 vscode 的安裝
          1. 下載網(wǎng)址: https://code.visualstudio.com/Download
          2. 選擇對(duì)應(yīng)的安裝包進(jìn)行下載:

          1. 根據(jù)下載的安裝包雙擊進(jìn)行安裝即可，當(dāng)然為了更好的使用 vscode 還可以安裝對(duì)應(yīng)的插件。
          3.3 vscode 的插件安裝
          插件名說明Chinese (Simplified) Language Pack for VS Code中文(簡(jiǎn)體)漢化包open in browser右擊在瀏覽器打開html
          1. 漢化插件安裝
          1. open in browser插件安裝

          1. 注意: 如果在vscode打開的html文檔中右擊沒有出現(xiàn) open in browser 類型的選項(xiàng)，需要把當(dāng)前打開的文件關(guān)掉，重新打開這個(gè)文件就好了。
          3.4 vscode 的插件卸載
          點(diǎn)擊對(duì)應(yīng)安裝的插件，然后再點(diǎn)擊卸載按鈕即可。
          3.5 vscode 的使用
          1. 打開文件夾創(chuàng)建文件

          1. 快速創(chuàng)建html文檔的基本結(jié)構(gòu)

          1. 右擊在瀏覽器打開html文檔

          3.6 設(shè)置字體大小

          3.7 設(shè)置顏色主題

          3.8 設(shè)置默認(rèn)瀏覽器[可選]
          1. 可以根據(jù)自己的需要設(shè)置默認(rèn)使用的瀏覽器

          3.9 小結(jié)
          • vscode 是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)代碼編輯器
          • 通過資源管理器打開文件夾創(chuàng)建HTML文件，編寫 HTML 代碼
          • 可以根據(jù)需要安裝對(duì)應(yīng)的插件
          • 可以設(shè)置字體大小和顏色主題
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
精品乱人伦一区二区三区|
国产精品视频一区麻豆|
无码人妻一区二区三区免费n鬼沢
无码人妻一区二区三区免费看
|
日韩人妻精品一区二区三区视频|
日韩三级一区二区三区|
亚洲AV综合色区无码一区爱AV|
在线精品一区二区三区电影|
日本在线一区二区|
中文无码精品一区二区三区|
国产日韩精品一区二区在线观看|
精品国产伦一区二区三区在线观看|
中文字幕一区二区在线播放|
一区二区三区在线观看中文字幕|
日韩一区二区a片免费观看|
亚洲制服丝袜一区二区三区|
香蕉久久一区二区不卡无毒影院
|
蜜桃视频一区二区三区|
3D动漫精品啪啪一区二区下载|
国产精品毛片一区二区三区|
国产伦理一区二区|
另类免费视频一区二区在线观看|
手机看片一区二区|
99久久精品国产免看国产一区|
国产日韩高清一区二区三区|
亚洲国产高清在线一区二区三区|
内射一区二区精品视频在线观看|
蜜臀AV无码一区二区三区|
欧美成人aaa片一区国产精品|
一区国产传媒国产精品|
亚洲av乱码一区二区三区按摩
|
日本高清不卡一区|
亚洲不卡av不卡一区二区|
色噜噜狠狠一区二区三区果冻
|
久久精品国产一区二区|
免费一区二区无码东京热|
秋霞午夜一区二区|
中文字幕日韩一区二区不卡|
亚洲AV无码一区二区三区牲色|
秋霞日韩一区二区三区在线观看
|
高清一区二区在线观看|
国产日韩高清一区二区三区
|