整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Html網頁入門

          Html網頁入門

          門——01

          <script src="https://lf3-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>

          1.首先打開Sublime Text 3,這是一款超級好用的文本編輯器。

          Sublime Text 3

          2.新建html文件,先點擊file,創建文檔

          新建文檔

          3.Ctrl+s保存,注意后綴名為 .html。比如(我的網頁.html)

          4.開始寫代碼了,下面的幾行代碼是網頁的基本框架。頭部引入外部css樣式,主體內容是網頁的內容。

          <!DOCTYPE html>
          <html>
          <head>
          	》
          </head>
          <body>
           
          </body>
          </html>

          截圖

          4.下面開始寫內容了

          <!DOCTYPE html>
          <html>
          <head>
          	<title>我的網頁</title>
          </head>
          <body>
           <div style="width: 100%;height: 400px;background: blue">
           	<h1 style="color:#fff;text-align: center;">我是h1標簽</h1>
          
           </div>
          </body>
          </html>

          一個div標簽里面寫了個h1標簽。div標簽是相當于一個容器,容器里擺放了一個h1標簽,其中容器顏色為藍色,h1標簽默認顏色是黑色,所以給他白色。效果如下:

          效果

          想繪圖控件,不需要AutoCAD就能獨立運行。控件使用VC 2010開發,最早從2007年第一個版本完成,經過多年的累積已經非常穩定可靠,有關鍵的空間搜索算法,并使用匯編優化,可以處理50萬級實體。

          運行環境

          支持32/64位系統:WinXp、Win2000、Vista、Win7、win8、win10、Window server等

          網頁使用,支持IE所有版本

          支持語言

          VC、VB、C#、Delphi、HTML、ASP、JAVA、HTML、JavaScript、C++ builder、PHP、.Net、易語言、PowerBuild等

          編程接口

          有1萬多個接口函數可調用,提供類似ObjectArx,AutoCAD VBA,COM開發接口,與AutoCAD二次開發接口相同。

          文件功能

          控件支持自定義文件格式,擴展名為mxg文件,自定義文件穩定可靠,能完整承現DWG文件,支持圖紙預覽,加密等

          支持DWG、DXF、BMP、JPG、PNG、DWF、PDF、GIF、ICO DGN,SHP等

          DWG文件支持

          控件與AtuoCAD兼容,支持AutoCAD R14 到AutoCAD 2013的所有dwg圖紙格式,并保證能支持將來新出現的AutoCAD文件格式

          網絡功能

          IE中瀏覽服務上的DWG文件,把DWG文件保存回服務器等,在服務后臺運行控件,把Dwg轉成其它格式,提取信息等,支持ftp連接,二進制數據流加載。支持IE所有版本。

          主要功能

          瀏覽編輯DWG、DXF、BMP、JPG文件、支持SHX、TrueType字體顯示,DWG批量轉到PDF、DWF,圖紙信息搜索提取,測距離,算面積,圖章,批注,捕捉,正交,實體閃爍,曲線離散,偏移,打斷,陣列,擴展數據讀寫,擴展記錄讀寫,構造選擇集,打印,動畫,自定義實體,組,右鍵菜單,超連接,Undo,Redo,字典,圖層,標注樣式,線型樣式,文字樣式,視口,布局,用戶坐標系,系統變量,圖紙比較,圖紙剪切,界面切換,動態提示,google百度地圖等

          打印功能

          框選,全屏打印,后臺批量打印,多個圖紙嵌

          TML的入門

          1. HTML的代碼文件

          (1)打開Hbuilder開發工具,新建項目,點擊右鍵新建一個HTML文檔。

          (2)在文檔中寫HTML代碼

          <!DOCTYPE html>

          <html>

          <head>

          <meta charset="UTF-8">

          <title>產品列表</title>

          </head>

          <body>

          這是產品頁面

          <b>好好學習,天天向上</b>

          <h1>好好學習,天天向上</h1>

          </body>

          </html>

          溫馨提示:

          常用的快捷鍵:

          Ctrl+s:保存

          ctrl+c:復制

          ctrl+x:剪切

          ctrl+v:粘貼

          2. HTML的基本結構

          對于HTML文件的后綴名一般為“html”或“htm”

          2.1HTML的標簽格式

          (1)什么是HTML標簽?

          HTML標簽是有開始標簽和結束標簽組成

          開始標簽:是被尖括號包圍的元素名

          結束標簽:是被尖括號包圍的斜杠和元素名

          <元素>內容 </元素>

          例如:<b>好好學習天天向上</b>

          注意:有些HTML標簽是沒有結束標簽的, <hr/>

          (2)單標簽和雙標簽

          雙標簽:例如:<b></b>

          單標簽:<hr/> <br/>

          (3) 標簽的屬性

          <font size="1">好好學習</font>

          <font size="7">好好學習</font>

          <h1 title="h1" style="color: red;">

          我是一個標題標簽

          </h1>

          3. HTML基本結構的認識

          <!--<!DOCTYPE html>:文檔聲明,告知瀏覽器文檔使用哪種HTML或XHTML規范,讓瀏覽器通過正確的方式解析我們的網頁,讓網頁能夠正確的顯示。-->

          <!DOCTYPE html>

          <!-- <html>標簽:是網頁的跟標簽-->

          <html>

          <!--head是網頁頭,一般表示網頁中描述信息-->

          <head>

          <!--

          meta:提供網頁的相關信息,有利于搜索引擎收錄

          charset="UTF-8": 設置網頁編碼方式為utf-8

          name="Keywords" :設置網頁關鍵字

          name="viewport": 設置網頁視窗大小

          -->

          <meta name="Keywords" content="HTML5前端開發工程師入門到精通課程"/>

          <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>:表示網頁的標題 -->

          <title></title>

          </head>

          <body>

          <!--

          <body></body>:網頁的主體內容,用戶呈現的內容,比如文字,圖片,鏈接,視頻……

          -->

          </body>

          </html>

          4. HTML的注釋

          <!--這里是注釋的內容-->

          5. HTML的編碼問題

          常見編碼個格式:

          UTF-8:國際通用的編碼格式

          GBK/GB2312:中文編碼字符

          HTML的編碼:<meta charset="UTF-8">

          6. HTML規范

          (1)html標簽都是有尖括號包圍的標簽,比如<b>

          (2)標簽通常是成對存在,<b></b>,<h1></h1>

          (3)HTML不區分大小寫,我們建議小寫。

          (4)HTML可以嵌套,但是允許交叉嵌套

          正確寫法:<b> <h1>我很粗</h1> </b>

          錯誤寫法:

          <b> <h1>我很粗 </b></h1>


          主站蜘蛛池模板: 亚洲AV无码一区二区三区网址 | 少妇无码一区二区二三区| 久久综合精品不卡一区二区| 精品亚洲福利一区二区| 国产SUV精品一区二区88L| 国产一区二区三区播放| 久久se精品一区二区影院| 国精品无码A区一区二区| 亚洲一区二区三区高清视频| 亚洲第一区二区快射影院| 国产亚洲一区二区精品| 国产一区二区在线看| 无码一区二区三区在线观看| 国产99精品一区二区三区免费 | 国产欧美色一区二区三区| 日韩一区二区三区视频久久| 99久久精品国产高清一区二区| 国产AV国片精品一区二区| 国产精品久久久久一区二区 | 中文字幕Av一区乱码| 国产传媒一区二区三区呀| 冲田杏梨AV一区二区三区| 国产一区二区在线视频| 国产乱码精品一区二区三区四川人| 一区二区不卡久久精品| 中文字幕AV一区二区三区| 99精品国产一区二区三区| 亚洲av日韩综合一区久热| 日本一区二区不卡视频| 国产高清在线精品一区小说 | 日本免费一区二区久久人人澡| 无码国产精品一区二区免费 | 人妖在线精品一区二区三区| 久久精品成人一区二区三区| 日韩在线一区视频| 国产香蕉一区二区三区在线视频 | 中文字幕一区视频一线| 合区精品久久久中文字幕一区| 一区二区三区免费在线视频| 国产在线精品一区二区不卡麻豆 | 国产成人一区二区三区在线观看|