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ù)同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          電腦小白學(xué)編程 HTML基礎(chǔ)概述 程序員復(fù)習(xí)學(xué)習(xí)必備
          
        
           
          
	
	
          
		
                        
          全棧攻城獅-每日更新原創(chuàng)IT編程技術(shù)及日常實用視頻。
          主要內(nèi)容：正式引入HTML網(wǎng)頁開發(fā)，學(xué)習(xí)并了解HTML的相關(guān)知識。變身Web開發(fā)達(dá)人，做全棧程序員。這是以第一課，希望以我的方式，你將學(xué)會HTML這門課程。
          寫在前面
          今天的話，主要講解一下HTML相關(guān)知識，同樣在接下來的一段時間的安排中，也以HTML為主。崇尚全棧，也就意味著我們，需要學(xué)習(xí)主流的技術(shù)知識。在前一段時間內(nèi)，主要講解了.Net的只是教程。當(dāng)然.NET并沒有完畢。
          C#語言
          只是在這里把HTML穿插進(jìn)來，一則鞏固自己所得，二來學(xué)習(xí)一下這門非常簡單的HTML技術(shù)。學(xué)習(xí)完畢HTML之后則會，繼續(xù)進(jìn)行基礎(chǔ)加強(qiáng)、數(shù)據(jù)庫、MVC等教程的協(xié)作工作。
          PDF文檔
          同時在前一個階段內(nèi)，講解的并不是很好，在這個HTML階段內(nèi)，則會吸取教訓(xùn)，爭取寫出更符合初學(xué)者學(xué)習(xí)的技術(shù)教程。當(dāng)然前面的課程也會不斷的修正，最后我會生成PDF的文檔，發(fā)給大家。
          HTML概述
          HTML概述
          HTML，超文本標(biāo)記語言，超文本就意味著有多于文字的形式，比如包含超鏈接、圖片、視頻、動畫等形式。HTML是應(yīng)用在網(wǎng)站網(wǎng)頁展現(xiàn)的一種語法結(jié)構(gòu)。我們在使用瀏覽器瀏覽網(wǎng)頁的時候，看到的界面都是由HTML代碼表現(xiàn)出來的。HMTL可以說是一種展示文字圖片視頻等元素的一種方式。通過特定的標(biāo)記就能展示出來自己想要的效果。如何展現(xiàn)？就讓我一步步教你。
          學(xué)習(xí)HTML的必要性
          物聯(lián)網(wǎng)
          互聯(lián)網(wǎng)的飛速發(fā)展，導(dǎo)致了形形色色的網(wǎng)站應(yīng)用被創(chuàng)建。云計算、物聯(lián)網(wǎng)仿佛唾手可得。把諸多應(yīng)用建立在云上，通過這種瀏覽器與用戶交互的形式讓人們使用。這些所有網(wǎng)絡(luò)應(yīng)用，只要是通過瀏覽器進(jìn)行使用的情況，都是需要HTML技術(shù)。當(dāng)然HTML作為基礎(chǔ)之用。這就要求我們程序員，必須學(xué)習(xí)并熟悉HTML語言。能在這個基礎(chǔ)上進(jìn)行Web的開發(fā)。
          HTML語言的特點
          1. HTML是解釋性語言，不需編譯，直接書寫之后，就可以運(yùn)行。
          2. HTML是純文本類型的語言，你完全可以通過記事本程序進(jìn)行創(chuàng)建書寫。
          3. 雖然HTML可以通過記事本來創(chuàng)建寫代碼，但是并不推薦，因為以前學(xué)習(xí)過.Net，所以依舊使用Visual Studio。VS也是前端的開發(fā)神器。
          4. 自己寫的HTML代碼，在不同的瀏覽器內(nèi)，可能會有不同的展示效果。這是由瀏覽器的渲染引擎決定的。
          5. HTML具有平臺無關(guān)性，在任何平臺只要擁有一款瀏覽器，你就可以打開HTML網(wǎng)頁。
          6. HTML代碼運(yùn)行在瀏覽器中，也就是需要使用瀏覽器進(jìn)行測試。
          HTML
          今天就先說一下HTML的基本知識，電腦編程系列教程，下節(jié)繼續(xù)。
          TML的入門
          1. HTML的代碼文件
          （1）打開Hbuilder開發(fā)工具，新建項目，點擊右鍵新建一個HTML文檔。
          （2）在文檔中寫HTML代碼
          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="UTF-8">
          <title>產(chǎn)品列表</title>
          </head>
          <body>
          這是產(chǎn)品頁面
          <b>好好學(xué)習(xí)，天天向上</b>
          <h1>好好學(xué)習(xí)，天天向上</h1>
          </body>
          </html>
          溫馨提示：
          常用的快捷鍵：
           Ctrl+s:保存
            ctrl+c:復(fù)制
            ctrl+x：剪切
            ctrl+v：粘貼
          2. HTML的基本結(jié)構(gòu)
          對于HTML文件的后綴名一般為“html”或“htm”
          2.1HTML的標(biāo)簽格式
          （1）什么是HTML標(biāo)簽？
          HTML標(biāo)簽是有開始標(biāo)簽和結(jié)束標(biāo)簽組成
          開始標(biāo)簽：是被尖括號包圍的元素名。
          結(jié)束標(biāo)簽：是被尖括號包圍的斜杠和元素名
          <元素>內(nèi)容 </元素>
          例如：<b>好好學(xué)習(xí)天天向上</b>
          注意：有些HTML標(biāo)簽是沒有結(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;">
           我是一個標(biāo)題標(biāo)簽
           </h1>
          3. HTML基本結(jié)構(gòu)的認(rèn)識
          <!--<!DOCTYPE html>:文檔聲明，告知瀏覽器文檔使用哪種HTML或XHTML規(guī)范，讓瀏覽器通過正確的方式解析我們的網(wǎng)頁，讓網(wǎng)頁能夠正確的顯示。-->
          <!DOCTYPE html>
          <!-- <html>標(biāo)簽：是網(wǎng)頁的跟標(biāo)簽-->
          <html>
          <!--head是網(wǎng)頁頭，一般表示網(wǎng)頁中描述信息-->
          <head>
          <!--
           meta：提供網(wǎng)頁的相關(guān)信息，有利于搜索引擎收錄 
           charset="UTF-8"： 設(shè)置網(wǎng)頁編碼方式為utf-8
           name="Keywords" ：設(shè)置網(wǎng)頁關(guān)鍵字
           name="viewport": 設(shè)置網(wǎng)頁視窗大小
           -->
           <meta name="Keywords" content="HTML5前端開發(fā)工程師入門到精通課程"/>
          <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)頁的標(biāo)題 -->
          <title></title>
          </head>
          <body>
          <!--
           <body></body>：網(wǎng)頁的主體內(nèi)容，用戶呈現(xiàn)的內(nèi)容，比如文字，圖片，鏈接，視頻……
           -->
          </body>
          </html>
          4. HTML的注釋
          <!--這里是注釋的內(nèi)容-->
          5. HTML的編碼問題
          常見編碼個格式：
          UTF-8:國際通用的編碼格式
          GBK/GB2312:中文編碼字符
          HTML的編碼：<meta charset="UTF-8">
          6. HTML規(guī)范
          （1）html標(biāo)簽都是有尖括號包圍的標(biāo)簽，比如<b>
          （2）標(biāo)簽通常是成對存在，<b></b>,<h1></h1>
          （3）HTML不區(qū)分大小寫，我們建議小寫。
          （4）HTML可以嵌套，但是允許交叉嵌套
          正確寫法：<b> <h1>我很粗</h1> </b>
          錯誤寫法：
           <b> <h1>我很粗 </b></h1>
          今天，前端工程師已經(jīng)成為研發(fā)體系中的重要崗位之一。
          可是與此相對的是，極少大學(xué)的計算機(jī)專業(yè)愿意開設(shè)前端課程，大部分前端工程師的知識，也都是在實踐和工作中不斷學(xué)習(xí)的。
          最近收到很多同學(xué)的后臺留言，說希望多推出一些前端方向的教程。
          今天我們就帶來一門適合前端初學(xué)者的課程，可以帶你從零入門 HTML、CSS、JS、React 等前端核心技能，并創(chuàng)建一個待辦事項的管理應(yīng)用～
          項目效果：

          課程從最基礎(chǔ)的 HTML/ CSS/JS 講起，還包含了 TypeScript/React/Fabric 等常用技能的講解。由淺入深，層層遞進(jìn)，如果你想快速上手 React 框架，這門課會是你非常好的選擇。
          訪問“實驗樓”官網(wǎng)，搜索“從 0 到 1 構(gòu)建待辦事項應(yīng)用”就能學(xué)習(xí)全部課程內(nèi)容。
          以下是課程第一節(jié)的內(nèi)容 —— 「HTML 簡介」，帶你快速入門HTML，讓我們一起進(jìn)入前端的大門看看吧：
          「HTML 簡介」
          實驗介紹
          本實驗是對 HTML 進(jìn)行學(xué)習(xí)，并且較詳細(xì)的說明了 Web 是如何工作的。主要內(nèi)容有：HTML 常見標(biāo)簽、HTML 文檔結(jié)構(gòu)、HTML 表格和表單、HTML 有序列表和無序列表。通過本節(jié)學(xué)習(xí)，可以構(gòu)建簡單的 HTML 網(wǎng)頁。
          知識點
          • 什么是 HTML
          • Web 是如何工作的
          • 文檔結(jié)構(gòu)
          • 常見標(biāo)簽
          • 表格
          • 表單
          • 有序列表和無序列表
          什么是 HTML
          HTML（超文本標(biāo)記語言）是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。HTML 不需要編譯，可以直接由瀏覽器執(zhí)行，它的解析依賴于瀏覽器的內(nèi)核。它不是一種編程語言，而是一種標(biāo)記語言。
          Web 是如何工作的
          下面我們來演示用戶是如何看到一個網(wǎng)頁顯示的。
          具體來講：
          1. 當(dāng)用戶通過瀏覽器輸入網(wǎng)址后，瀏覽器先在 DNS 服務(wù)器上找到它，然后對它進(jìn)行解析。
          2. 解析完成后，瀏覽器給服務(wù)器發(fā)送 http 請求。
          3. 服務(wù)器同意這個請求，就把 HTML 文件發(fā)送回瀏覽器。
          4. 瀏覽器拿到 HTML 文件，對其解析執(zhí)行，顯示在用戶屏幕上。
          HTML 文檔結(jié)構(gòu)
          首先我們來看一個例子：
          <!DOCTYPE html>
<html>
  <head>
    <title>HTML 簡介</title>
    <meta charset="utf-8" />
  </head>
  <body></body>
</html>
          這是一個 HTML 的基本骨架，我們將逐步介紹這些是什么意思。
          文檔類型聲明
          <!DOCTYPE html> 是我們的文檔聲明頭。他告訴了瀏覽器，本文檔處理的是 HTML 文檔。
          html 標(biāo)簽
          html 標(biāo)簽即根元素，此處表示文檔的開始，該標(biāo)簽包含兩個子標(biāo)簽：head 和 body。
          head 元素
          head 標(biāo)簽下面所包含的標(biāo)簽由 title、meta、link、style、script 等（后面會講到）。
          title 標(biāo)簽
          作用：設(shè)置文檔的標(biāo)題或者名稱。瀏覽器通常將該標(biāo)簽的內(nèi)容顯示在窗口頂部或者標(biāo)簽頁上。每個 HTML 文檔只能有一個，必須有一個 title 標(biāo)簽。
          meta 標(biāo)簽
          <metacharset="UTF-8"> 聲明字符的編碼格式為 utf-8。
          body 標(biāo)簽
          body 標(biāo)簽定義文檔的主體，也就是我們的主要內(nèi)容（比如文本、超鏈接、圖像、表格和列表等）。
          常見標(biāo)簽
          1.h 系類標(biāo)簽
          h 標(biāo)簽有六種 h1，h2，h3，h4，h5，h6，它代表著我們的標(biāo)題。
          <!DOCTYPE html>
<html>
  <head>
    <title>HTML 簡介</title>
    <meta charset="utf-8" />
  </head>
  <body>
    <h1>我是一級標(biāo)題</h1>
    <h2>我是二級標(biāo)題</h2>
    <h3>我是三級標(biāo)題</h3>
    <h4>我是四級標(biāo)題</h4>
    <h5>我是五級標(biāo)題</h5>
    <h6>我是六級標(biāo)題</h6>
  </body>
</html>
          為了大家能更有效的學(xué)習(xí)，請使用實驗樓的環(huán)境。首先我們新建一個文件，點擊 File，然后 New File，命名為 index.html。
          然后輸入上面的代碼。
          讓我們來看一下運(yùn)行效果吧。鼠標(biāo)右鍵 index.html 文件，點擊 Open With，然后點擊 Preview。
          最終效果為：
          2.p 標(biāo)簽
          p 標(biāo)簽是我們的文本標(biāo)簽，p 標(biāo)簽會自動在其兩個標(biāo)簽之間創(chuàng)建一些空白。刪掉上段代碼 <body> 標(biāo)簽里的內(nèi)容，把下面的內(nèi)容放到 <body> 標(biāo)簽里面去。
          <p>我是第一段文字，實驗樓，做實驗，學(xué)編程</p>
<p>我是第二段文字，實驗樓，做實驗，學(xué)編程</p>
          3. 圖片標(biāo)簽
          HTML 的圖像是通過標(biāo)簽 <img> 來定義的。語法: <imgsrc="圖片地址"/> 刪掉上段代碼 <body> 標(biāo)簽里的內(nèi)容，把下面的內(nèi)容放到 <body> 標(biāo)簽里面去。
          <p>實驗樓圖片：</p>
<img src="https://static.shiyanlou.com/frontend/dist/img/9f43b00.svg" />
          4.a 標(biāo)簽
          <a> 標(biāo)簽是超鏈接標(biāo)簽，意思就是我們點擊它可以跳轉(zhuǎn)到一個網(wǎng)頁。刪掉上段代碼 <body> 標(biāo)簽里的內(nèi)容，把下面的內(nèi)容放到 <body> 標(biāo)簽里面去。
          <a href="https://www.shiyanlou.com/">實驗樓</a>
          點擊文字：
          跳轉(zhuǎn)到指定網(wǎng)頁：

          篇幅有限，后續(xù)的課程內(nèi)容，請在“實驗樓”邊敲代碼邊學(xué)習(xí)～
          訪問“實驗樓”官網(wǎng)，搜索“從 0 到 1 構(gòu)建待辦事項應(yīng)用”，就能找到課程，繼續(xù)學(xué)習(xí)啦！
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产成人精品久久一区二区三区av|
亚洲一区综合在线播放|
精品一区二区三区自拍图片区|
无码人妻一区二区三区免费|
久久99热狠狠色精品一区|
国产精久久一区二区三区|
日韩福利视频一区|
亚洲一区二区三区在线观看网站|
红桃AV一区二区三区在线无码AV|
国产一区二区在线观看视频|
少妇一夜三次一区二区|
日韩一区二区在线观看视频|
精品一区二区久久|
中文字幕一区二区人妻|
国产日韩高清一区二区三区
|
熟女精品视频一区二区三区|
午夜无码视频一区二区三区|
波多野结衣一区二区免费视频
|
精品少妇人妻AV一区二区三区
|
上原亚衣一区二区在线观看|
日韩一区二区三区在线|
无码精品不卡一区二区三区|
无码人妻一区二区三区av|
精品国产亚洲第一区二区三区|
日本无码一区二区三区白峰美|
韩国美女vip福利一区|
国产精品香蕉一区二区三区|
性色av无码免费一区二区三区|
好吊妞视频一区二区|
人成精品视频三区二区一区|
人成精品视频三区二区一区|
人妻少妇精品一区二区三区|
国产一区二区三区免费观看在线|
亚洲国产综合精品一区在线播放|
99久久精品费精品国产一区二区|
日本成人一区二区|
tom影院亚洲国产一区二区|
在线观看精品视频一区二区三区
|
亚洲视频一区在线观看|
成人h动漫精品一区二区无码|
色噜噜一区二区三区|