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 之簡介
          
        
           
          
	
	
          
		
                        
          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)簽是由尖括號包圍的關(guān)鍵詞，比如 <html>
          • HTML 標(biāo)簽通常是成對出現(xiàn)的，比如 <b> 和 </b>
          • 標(biāo)簽對中的第一個(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ū)域 (白色部分) 才會在瀏覽器中顯示。
           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 參考手冊。
           中文編碼
           目前在大部分瀏覽器中，直接輸出中文會出現(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的全稱是超文本標(biāo)記語言，英文全稱是HyperText Markup Language。如果您是零基礎(chǔ)的話，看到這個(gè)名字，即使是漢語的，估計(jì)也會不知所云。
          超文本指的是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。通俗來說就是多個(gè)文本之間通過超鏈接相互連接在一起，這些相互連接的文本集合稱為"超文本"。超文本是網(wǎng)頁制作一個(gè)非常重要的概念，可以說網(wǎng)絡(luò)的精髓就在于"互聯(lián)"。
          這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺計(jì)算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找，檢索信息提供方便。（孫素華編著．Dreamweaver CS5 Flash CS5 Photoshop CS5網(wǎng)頁設(shè)計(jì)從入門到精通：中國青年出版社，2014.10：第16頁）
          標(biāo)記語言的概念比較復(fù)雜，簡單來說，HTML并不是程序語言（不同于C或Python），只是一種在網(wǎng)頁中顯示資料排版位置的標(biāo)記結(jié)構(gòu)語言。這句話提煉一下就是"標(biāo)記信息在頁面中排版結(jié)構(gòu)的語言"。
          如果讀的不太明白，在下一節(jié)"HTML基本框架"中會對HTML的排版結(jié)構(gòu)規(guī)則進(jìn)行直觀展示，如果您讀不懂可以盡情的跳過，畢竟我們的重點(diǎn)是怎么用。
          HTML基本框架
          HTML框架簡單說就是任何HTML網(wǎng)頁文件中都會包含的基本代碼內(nèi)容。如果我們打算寫一個(gè)頁面，就一定要把框架代碼寫入后才能正式開始添加內(nèi)容。框架代碼如下：
          <!DOCTYPE HTML><html> <head> </head> <body> </body> </html>
          第一行 <!DOCTYPE HTML>
          第二行 <html>
          第三行 <head>
          第四行 </head>
          第五行 <body>
          第六行 </body>
          第七行 </html>
          這七行代碼是所有HTML頁面所共有的，也就是HTML的框架了。不信我們來驗(yàn)證一下。
          例子一，頭條的文章頁面（電腦版）網(wǎng)址：https://www.toutiao.com/i6785149184245760516/
          筆者使用Firefox（火狐）瀏覽器，輸入網(wǎng)址后點(diǎn)擊鍵盤上的F12,，如圖所示
          我們可以看到頁面下半部分出現(xiàn)了一個(gè)調(diào)控臺。
          點(diǎn)擊查看器即可看頁面代碼。代碼如下：
          放大一些，大家看看，<!DOCTYPE HTML> <html> <head> </head> <body> </body> </html>這些標(biāo)簽是不是一個(gè)不少，只是中間多了很多內(nèi)容而已。
          一個(gè)例子不具有普適性，下面我們再看一個(gè)例子，我隨便找了個(gè)新聞頁面，網(wǎng)址：https://mil.eastday.com/a/200125113254400.html
          使用同樣的方法打開查看器看代碼，如圖：
          是不是框架中的代碼一個(gè)也不少吧。
          所以，大家請?jiān)谧约旱碾娔X中新建一個(gè)txt文件，將HTML框架粘貼到txt文件中，并命名為"HTML框架"。以后我們寫的每一個(gè)頁面都會從這個(gè)框架開始。
          通過對框架中的代碼進(jìn)行觀察，細(xì)心的讀者可能已經(jīng)發(fā)現(xiàn)了HTML這種標(biāo)記語言的書寫規(guī)律。
          規(guī)律1：每一個(gè)語句都是包含在<>尖括號內(nèi)的。這是HTML標(biāo)記語言的基本特點(diǎn)之一，大家一定記牢。
          規(guī)律2：除了<!DOCTYPE HTML>這個(gè)標(biāo)簽外，其他標(biāo)簽都是成對出現(xiàn)！例如<html>與</html>，<head>與</head>，<body>與</body>。
          規(guī)律3：這個(gè)規(guī)律通過觀察代碼也不難發(fā)現(xiàn)，即<html></html>兩個(gè)標(biāo)簽中間夾著<head></head>和<body></body>，我們把<head></head>標(biāo)簽稱為<html></html>標(biāo)簽的子標(biāo)簽，反過來<html></html>標(biāo)簽是<head></head>標(biāo)簽的父標(biāo)簽，<head></head>和<body></body>稱為并列關(guān)系或者兄弟關(guān)系。而<!DOCTYPE HTML>是一個(gè)聲明語句，屬于六親不認(rèn)的。
          各種關(guān)系如下圖所示：
          這樣就回到了之前我們解釋"標(biāo)記語言"的問題上。我們說"標(biāo)記語言"是"標(biāo)記信息在頁面中排版結(jié)構(gòu)的語言"，這種父子關(guān)系、兄弟關(guān)系就可以理解為一個(gè)頁面的"結(jié)構(gòu)"，這種結(jié)構(gòu)又與頁面的排版有關(guān)。
          在下一期中，我們會通過練習(xí)來解釋"結(jié)構(gòu)"與排版的關(guān)系。
          喜歡的小伙伴請加關(guān)注，有任何問題可以留言給我，歡迎指正批評，感激不盡！
          HTML完整學(xué)習(xí)目錄
          HTML序章（學(xué)習(xí)目的、對象、基本概念）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          第一個(gè)HTML頁面如何寫？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML頁面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          初識meta標(biāo)簽與SEO——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中的元素使用方法1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中的元素使用方法2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML元素中的屬性1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML元素中的屬性2（路徑詳解）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格1（基本元素）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格2（表格頭部與腳部）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格3（間距與顏色）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          使用HTML添加表格4（行顏色與表格嵌套）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          16進(jìn)制顏色表示與RGB色彩模型——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中的塊級元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          初識HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          在HTML頁面中嵌入其他頁面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          封閉在家學(xué)網(wǎng)頁制作！為頁面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單元素初識1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單元素初識2——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單3（下拉列表、多行文字輸入）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單4（form的action、method屬性）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML列表制作講解——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          為HTML頁面添加視頻、音頻的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          音視頻格式轉(zhuǎn)換神器與html視頻元素加字幕——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML中使用<a>標(biāo)簽實(shí)現(xiàn)文本內(nèi)鏈接——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          .它是一種計(jì)算機(jī)（PC）的超文本標(biāo)記語言（Hyper Text Markup Language），縮寫為HTML，HTML是一種標(biāo)記語言（markup language），是制作網(wǎng)頁所必備的語言，語法較為松散，不嚴(yán)格的web語言；標(biāo)簽可以不閉合，不區(qū)分大小寫。
          2.標(biāo)記標(biāo)簽通常被稱為HTML標(biāo)簽，標(biāo)簽由尖括號包圍的關(guān)鍵字組成，通常都是成對出現(xiàn)的，有開始標(biāo)簽和結(jié)束標(biāo)簽，如<html></html>。
          瀏覽器不會顯示html標(biāo)簽（白話：瀏覽器只會顯示標(biāo)簽里邊的內(nèi)容），而是使用標(biāo)簽來解釋頁面的內(nèi)容。
          比如這一行代碼：<body>你好 </body>要放在<html></html>里邊，網(wǎng)頁只展示了你好 其他內(nèi)容并沒有展示。

          代碼

          頁面

          以下資料均由自己的認(rèn)知和資料整理所得：
          1989年，歐洲物理量子實(shí)驗(yàn)室（CERN）的信息專家蒂姆·伯納斯·李發(fā)明了超文本鏈接語言, 使用此語言能輕松地將一個(gè)文件中的文字或圖形連到其它的文件中去，這就是HTML的前身。1991年，蒂姆伯·納斯·李在CERN定義了HTML語言的第一個(gè)規(guī)范，之后成為W3C組織為專門在互聯(lián)網(wǎng)上發(fā)布信息而設(shè)計(jì)的符號化語言規(guī)范。可以說，HTML（Hypertext Markup Language）是SGML的一個(gè)實(shí)例，它的DTD作為標(biāo)準(zhǔn)被固定下來。因此，HTML不能作為定義其它符號化語言的元語言。 
          　　作為World Wide Web的一個(gè)組成部分，HTML語言發(fā)展很快，在短短的幾年里，它已歷經(jīng)了HTML1.0、HTML2.0和HTML3.0、HTML4.0等多個(gè)版本，同時(shí)DHTML (動態(tài))、VHTML(虛擬)、SHTML等也飛速發(fā)展起來。HTML以簡單精練的語法、極易掌握的通用性與易學(xué)性，使Web網(wǎng)頁可以親近于每一個(gè)普通人，互聯(lián)網(wǎng)因此得以普及發(fā)展以至今日輝煌。 
          但是，目前的HTML還不穩(wěn)定，不同的瀏覽器會產(chǎn)生不同的顯示效果。此外，由于HTML對超級鏈接支持不足，并缺乏空間立體描述，處理圖形、圖像、音頻、視頻等多媒體能力較弱，圖文混排功能簡單，不能表示多種媒體的同步關(guān)系等缺點(diǎn)，也影響HTML的大規(guī)模應(yīng)用以及用于復(fù)雜的多媒體數(shù)據(jù)處理，一種語言各有各的優(yōu)點(diǎn)和缺點(diǎn)。
          人們常常贊美蒂姆·伯納斯·李“與其他所有推動人類進(jìn)程的發(fā)明不同，這是一件純粹個(gè)人的勞動成果，萬維網(wǎng)只屬于蒂姆·伯納斯·李一個(gè)人。”而這個(gè)心懷浪漫、獻(xiàn)身科學(xué)的英國學(xué)者，卻將只屬于他一個(gè)人的發(fā)明，無償獻(xiàn)給了世界。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产精品无码一区二区三区免费|
国产精品美女一区二区三区|
麻豆果冻传媒2021精品传媒一区下载
|
久久久久无码国产精品一区
|
日韩精品一区二区三区在线观看l
日韩精品一区二区三区毛片
|
无码国产精品一区二区高潮|
免费无码毛片一区二区APP|
亚洲国产精品成人一区|
精品一区二区三区四区电影|
午夜视频一区二区三区|
亚洲AV成人一区二区三区观看
|
中文字幕精品一区|
国产乱码伦精品一区二区三区麻豆
|
国产成人无码精品一区在线观看|
国模无码视频一区二区三区|
亚洲国产欧美国产综合一区
|
亚洲熟女少妇一区二区|
一区二区三区视频网站|
亚洲国产成人精品久久久国产成人一区二区三区综
|
麻豆果冻传媒2021精品传媒一区下载|
久久亚洲国产精品一区二区|
亚洲乱码一区二区三区在线观看
|
波多野结衣电影区一区二区三区|
一本一道波多野结衣一区|
亚洲欧洲精品一区二区三区|
极品人妻少妇一区二区三区
|
国产在线精品一区二区|
国产精品一区二区香蕉|
白丝爆浆18禁一区二区三区
|
夜夜嗨AV一区二区三区|
欧洲精品无码一区二区三区在线播放|
国产精品被窝福利一区|
激情内射日本一区二区三区|
国产一区视频在线|
国产精品亚洲午夜一区二区三区|
最新欧美精品一区二区三区|
日韩视频免费一区二区三区|
久久精品人妻一区二区三区
|
亚洲AV成人精品日韩一区|
日本一区中文字幕日本一二三区视频|
日韩在线一区视频|