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 久久久久久久99久久久毒国产,日韩最新中文字幕,国产午夜精品一区二区三区不卡 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML是什么？-零基礎(chǔ)自學(xué)網(wǎng)頁制作
          
        
           
          
	
	
          
		
                        
          TML是什么
          HTML的全稱是超文本標(biāo)記語言，英文全稱是HyperText Markup Language。如果您是零基礎(chǔ)的話，看到這個(gè)名字，即使是漢語的，估計(jì)也會(huì)不知所云。
          超文本指的是用超鏈接的方法，將各種不同空間的文字信息組織在一起的網(wǎng)狀文本。通俗來說就是多個(gè)文本之間通過超鏈接相互連接在一起，這些相互連接的文本集合稱為"超文本"。超文本是網(wǎng)頁制作一個(gè)非常重要的概念，可以說網(wǎng)絡(luò)的精髓就在于"互聯(lián)"。
          這些相互關(guān)聯(lián)的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠(yuǎn)的某臺(tái)計(jì)算機(jī)上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機(jī)方式進(jìn)行連接，為人們查找，檢索信息提供方便。（孫素華編著．Dreamweaver CS5 Flash CS5 Photoshop CS5網(wǎng)頁設(shè)計(jì)從入門到精通：中國青年出版社，2014.10：第16頁）
          標(biāo)記語言的概念比較復(fù)雜，簡(jiǎn)單來說，HTML并不是程序語言（不同于C或Python），只是一種在網(wǎng)頁中顯示資料排版位置的標(biāo)記結(jié)構(gòu)語言。這句話提煉一下就是"標(biāo)記信息在頁面中排版結(jié)構(gòu)的語言"。
          如果讀的不太明白，在下一節(jié)"HTML基本框架"中會(huì)對(duì)HTML的排版結(jié)構(gòu)規(guī)則進(jìn)行直觀展示，如果您讀不懂可以盡情的跳過，畢竟我們的重點(diǎn)是怎么用。
          HTML基本框架
          HTML框架簡(jiǎn)單說就是任何HTML網(wǎng)頁文件中都會(huì)包含的基本代碼內(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)控臺(tái)。
          點(diǎn)擊查看器即可看頁面代碼。代碼如下：
          放大一些，大家看看，<!DOCTYPE HTML> <html> <head> </head> <body> </body> </html>這些標(biāo)簽是不是一個(gè)不少，只是中間多了很多內(nèi)容而已。
          一個(gè)例子不具有普適性，下面我們?cè)倏匆粋€(gè)例子，我隨便找了個(gè)新聞頁面，網(wǎng)址：https://mil.eastday.com/a/200125113254400.html
          使用同樣的方法打開查看器看代碼，如圖：
          是不是框架中的代碼一個(gè)也不少吧。
          所以，大家請(qǐng)?jiān)谧约旱碾娔X中新建一個(gè)txt文件，將HTML框架粘貼到txt文件中，并命名為"HTML框架"。以后我們寫的每一個(gè)頁面都會(huì)從這個(gè)框架開始。
          通過對(duì)框架中的代碼進(jìn)行觀察，細(xì)心的讀者可能已經(jīng)發(fā)現(xiàn)了HTML這種標(biāo)記語言的書寫規(guī)律。
          規(guī)律1：每一個(gè)語句都是包含在<>尖括號(hào)內(nèi)的。這是HTML標(biāo)記語言的基本特點(diǎn)之一，大家一定記牢。
          規(guī)律2：除了<!DOCTYPE HTML>這個(gè)標(biāo)簽外，其他標(biāo)簽都是成對(duì)出現(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)。
          在下一期中，我們會(huì)通過練習(xí)來解釋"結(jié)構(gòu)"與排版的關(guān)系。
          喜歡的小伙伴請(qǐng)加關(guān)注，有任何問題可以留言給我，歡迎指正批評(píng)，感激不盡！
          HTML完整學(xué)習(xí)目錄
          HTML序章（學(xué)習(xí)目的、對(duì)象、基本概念）——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          第一個(gè)HTML頁面如何寫？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML頁面中head標(biāo)簽有啥用？——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          初識(shí)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中的塊級(jí)元素與內(nèi)聯(lián)元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          初識(shí)HTML中的<div>塊元素——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          在HTML頁面中嵌入其他頁面的方法——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          封閉在家學(xué)網(wǎng)頁制作！為頁面嵌入PDF文件——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單元素初識(shí)1——零基礎(chǔ)自學(xué)網(wǎng)頁制作
          HTML表單元素初識(shí)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)頁制作
          eb標(biāo)準(zhǔn)：
          由于不同瀏覽器解析出來的網(wǎng)頁效果可能不同，所以需要通過web標(biāo)準(zhǔn)對(duì)其進(jìn)行約束使其一致，主要包括三個(gè)方面：
          結(jié)構(gòu)標(biāo)準(zhǔn)：
          結(jié)構(gòu)用于對(duì)網(wǎng)頁元素進(jìn)行整理和分類，主要指的是HTML。
          表現(xiàn)標(biāo)準(zhǔn)：
          表現(xiàn)用于設(shè)置網(wǎng)頁元素的版式、顏色、大小等外觀樣式，主要指的是CSS。
          行為標(biāo)準(zhǔn)：
          行為是指網(wǎng)頁模型的定義及交互的編寫，主要指的是 JavaScript。
          初識(shí)HTML：
          html 全稱 Hyper Text Markup Language ，中文譯為：“超文本標(biāo)記語言” ，描述網(wǎng)頁的一種語言。
          HTML發(fā)展：
          XHTML 是一個(gè) W3C 標(biāo)準(zhǔn)，可擴(kuò)展超文本標(biāo)簽語言（EXtensible HyperText Markup Language），更嚴(yán)格更純凈的 HTML 版本，作為一種 XML 應(yīng)用被重新定義的 HTML。


          HTML中的注釋：
           <!-- 注釋標(biāo)簽：注釋的內(nèi)容 -->
          條件注釋：
          條件注釋的作用是：定義只有Internet Explorer才執(zhí)行條件注釋中的html標(biāo)簽。
          
    <!--[if IE 8]>
        .... some HTML here ....
    <![endif]-->
          HTML骨架：
          <!DOCTYPE html> <!-- 聲明文檔類型版本為html5 -->
<html lang="en"> <!-- 網(wǎng)頁的跟標(biāo)簽,lang=""用來設(shè)置網(wǎng)頁語言，其值還有zh-CN中文簡(jiǎn)體、fr法語等，設(shè)置后當(dāng)系統(tǒng)設(shè)置語言和網(wǎng)頁語言發(fā)生沖突時(shí)會(huì)提示是否翻譯網(wǎng)頁 -->
    <head> <!-- 網(wǎng)頁的頭部 -->
        <meta charset='UTF-8'> <!-- 聲明字符編碼，其值還有g(shù)bk和gb2312 -->
        <meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0"> <!-- 開啟移動(dòng)端視口 -->
        <meta name="apple-mobile-web-app-capable" content="yes"> <!-- 開啟ios快捷啟動(dòng)方式 -->
        <meta name="apple-mobile-web-app-status-bar-style" content="black"> <!-- 設(shè)置iOS頂部通欄樣式 -->
        <meta name="format-detection" content="telephone=no"> <!-- 遇到數(shù)字不轉(zhuǎn)成電話號(hào)碼 -->
        <meta http-equiv="X-UA-Compatible" content="ie=edge"> <!-- X-UA-Compatible是針對(duì)IE瀏覽器做兼容的，ie=edge表示兼容edge，若后面ie=7，則表示兼容IE7 -->
        <meta name='keywords' content='This is a key words'> <!-- 網(wǎng)站搜索關(guān)鍵字 -->
        <meta name='description' content='this is description'> <!-- 描述網(wǎng)站的信息 -->
        <link rel="shortcut icon" type="image/x-icon" href="圖片路徑 "/> <!--  網(wǎng)站的圖標(biāo)，如果圖標(biāo)是gif圖，則需要改：type="image/gif"，引入網(wǎng)站圖標(biāo)另一種方法：命名為favicon.ico文件放到網(wǎng)站根目錄下 -->
        <link rel="stylesheet" type="text/css" href="css文件路徑"/> <!-- 引用css文件 -->
        <base target="_blank"/> <!-- base標(biāo)簽，定義這個(gè)網(wǎng)頁中a鏈接打開窗口的方式，其值還有_self -->
        <title>標(biāo)題</title> <!-- 網(wǎng)站的標(biāo)題 -->
        <style type="text/CSS">  /* 用來寫CSS代碼，type="text/CSS"可以省略 */
            div{width:100px; height:100px; color:white;}
        </style>
    </head>
    <body> <!-- 網(wǎng)頁的主體 -->
        <h1>標(biāo)題</h1> <!-- 標(biāo)題標(biāo)簽，共六個(gè)級(jí)，分別為：h1~h6,大小逐級(jí)遞減，h1在一個(gè)網(wǎng)頁中只允許出現(xiàn)一次。 -->
        <p>段落</p> <!-- 段落標(biāo)簽 -->
        <hr/> <!-- 單線標(biāo)簽,所有單標(biāo)簽后面的關(guān)閉符均可以省略 -->
        <br/> <!-- 換行標(biāo)簽 -->
        </div></div> <!-- 無語義化標(biāo)簽布局用,上面的標(biāo)簽是語義化標(biāo)簽 -->
        <span>span</span> <!-- 無語義化標(biāo)簽分割用 -->                
        <strong>加粗</strong> <!-- 加粗標(biāo)簽 -->
        <b>加粗</b> <!-- 加粗標(biāo)簽 -->
        <i>傾斜</i> <!-- 傾斜標(biāo)簽 -->
        <em>傾斜</em> <!-- 傾斜標(biāo)簽 -->
        <s>刪除線</s> <!-- 刪除標(biāo)簽 -->
        <del>刪除線</del> <!-- 刪除標(biāo)簽 -->
        <u>下劃線</u> <!-- 下劃線標(biāo)簽 -->
        <ins>下劃線</ins> <!-- 下劃線標(biāo)簽 -->
        <img src="圖片路徑" alt="圖片無法加載，提示文字" title="鼠標(biāo)懸停，提示文體" border="2"/> <!-- 圖像標(biāo)簽，border是邊框?qū)傩裕瑆idth和height屬性設(shè)置圖像的寬度和高度 -->
        <a href="跳轉(zhuǎn)目標(biāo)" target="_self">鏈接的命名</a> <!-- 鏈接標(biāo)簽，target屬性為鏈接頁面打開的方式，默認(rèn)值_self為自身打開；_blank為新窗口打開；_new為新窗口打開，相同頁面只會(huì)打開一個(gè);_top跳出框架-->
        <ul> <!-- 無序列表 -->
            <li>列表項(xiàng)1</li>
            <li>列表項(xiàng)2</li>
            <li>列表項(xiàng)3</li>
        </ul>
        <ol type="A"> <!-- 有序列表,屬性type可以控制li序號(hào)的樣式，其屬性值有：1、A、a、I、i-->
            <li>中國</li>
            <li>美國</li>
            <li>英國</li>
        </ol>
        <dl> <!-- 自定義列表 -->
            <dt>分類1</dt> <!-- 分類名稱 -->
            <dd>分類1第1項(xiàng)</dd> <!-- 類的項(xiàng) -->
            <dd>分類1第2項(xiàng)</dd>
            <dt>分類2</dt>
            <dd>分類2第1項(xiàng)</dd>
            <dd>分類2第2項(xiàng)</dd>
        </dl>
        <table> <!-- 定義表格，table標(biāo)簽實(shí)際就是一個(gè)四方塊框框，里面有單元格才會(huì)顯示出表格的樣子 -->
        <caption>信息表</caption> <!-- 表格標(biāo)題 -->
        <tr> <!-- 定義行 -->
            <th>姓名</th> <!-- 定義表頭，表頭文本有加粗居中效果 -->
            <th>年齡</th>
            <th>性別</th>
        </tr>
        <tr> <!-- 定義行 -->
            <td>小明</td> <!-- 定義單元格，表格里面沒有列-->
            <td>18</td>
            <td>男</td>
        </tr>
        </table>
    </body>
</html>
          提示：本文圖片等素材來源于網(wǎng)絡(luò)，若有侵權(quán)，請(qǐng)發(fā)郵件至郵箱：810665436@qq.com聯(lián)系筆者刪除。
          筆者：苦海123
          其它問題可通過以下方式聯(lián)系本人咨詢：
          QQ：810665436
          微信：ConstancyMan
          天給大家推薦幾個(gè)可以在線編程的網(wǎng)站。對(duì)于大部分開發(fā)者可能會(huì)不屑使用在線的網(wǎng)站，認(rèn)為在自己電腦安裝環(huán)境不是很簡(jiǎn)單的事情么。但是你很有可能臨時(shí)需要一臺(tái)電腦去測(cè)試一段簡(jiǎn)單的代碼，也有可能想要分享一段代碼給別人，也有可能你想要學(xué)習(xí)很多語言，又不想一一安裝編程環(huán)境。那么今天推薦的網(wǎng)站肯定能滿足你的需求。
          idenone.com
          網(wǎng)址：https://ideone.com/SExhrM
          這個(gè)網(wǎng)站不錯(cuò)，支持Java，但是頁面有廣告。除了支持Java語言，還支持其他語言。
          dabblet
          https://dabblet.com/
          這個(gè)網(wǎng)站適合前端測(cè)試使用，該網(wǎng)站可以用來測(cè)試Html，Css，Js等功能。
          Fenby
          網(wǎng)址：http://www.fenby.com/
          這個(gè)網(wǎng)站不只支持后端語言編碼，也支持前端編碼，使用體驗(yàn)很不錯(cuò)。支持的語言也很豐富。
          前端的支持也很OK。
          W3School
          https://www.w3school.com.cn/tiy/t.asp?f=js_use
          當(dāng)然對(duì)于想系統(tǒng)學(xué)習(xí)前端知識(shí)的童鞋可以使用W3School，這個(gè)網(wǎng)站很適合，不僅有大量的案列，還有可以實(shí)戰(zhàn)編碼。
          在線編程
          https://www.bccn.net/run/
          該網(wǎng)站支持的語言也挺多，比較推薦。
          今天的介紹就到這里了，如果你打算系統(tǒng)學(xué)習(xí)編程，那我還是建議你老老實(shí)實(shí)的安裝編譯環(huán)境，安裝編輯器。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
人妻激情偷乱视频一区二区三区|
伊人色综合网一区二区三区
|
日本亚洲国产一区二区三区|
日韩爆乳一区二区无码|
国产在线视频一区二区三区|
末成年女A∨片一区二区|
国产午夜精品一区理论片飘花|
亚洲AV无码一区二区大桥未久
|
国产成人av一区二区三区不卡|
亚洲一区二区三区四区视频|
亚洲老妈激情一区二区三区|
国产精品一区12p|
精彩视频一区二区|
日本精品啪啪一区二区三区|
午夜福利无码一区二区|
国产一区在线mmai|
日韩精品无码一区二区中文字幕|
精品一区二区久久久久久久网站|
国产AⅤ精品一区二区三区久久|
国产成人精品视频一区|
国产一区美女视频|
日本香蕉一区二区三区|
国产精品一区不卡|
国产一区二区三区日韩精品|
国产精品av一区二区三区不卡蜜|
亚洲AV日韩综合一区尤物|
国产精品合集一区二区三区|
国产精品高清一区二区人妖|
国产午夜精品一区二区三区极品|
亚洲sm另类一区二区三区|
精品久久久久久无码中文字幕一区
|
亚洲V无码一区二区三区四区观看|
国产亚洲无线码一区二区|
日韩视频一区二区三区|
少妇激情一区二区三区视频|
亚洲av成人一区二区三区|
亚洲AV无码一区二区三区牲色|
精品无码国产一区二区三区麻豆|
日美欧韩一区二去三区|
中文字幕精品无码一区二区|
久久久国产精品亚洲一区|