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 国产亚洲久久,在线精品日韩一区二区三区,精品国产3p一区二区三区

          整合營銷服務商

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

          免費咨詢熱線:

          「HTML一」 html基礎

          、html的介紹

          1.1 html的定義

          HTML 的全稱為:HyperText Mark-up Language, 指的是超文本標記語言。標記:就是標簽, <標簽名稱></標簽名稱>,比如:<html></html>、<h1></h1>等,標簽大多數都是成對出現的。

          所謂超文本,有兩層含義:

          1. 因為網頁中還可以圖片、視頻、音頻等內容(超越文本限制)
          2. 它還可以在網頁中跳轉到另一個網頁,與世界各地主機的網頁鏈接(超鏈接文本)

          1.2 html的作用

          html是用來開發網頁的,它是開發網頁的語言。

          1.3 小結

          • html是開發網頁的語言
          • html中的標簽大多數都是成對出現的, 格式: <標簽名>

          二、html的基本結構

          2.1 結構代碼

          <!DOCTYPE html>
          <html>
             <head>            
                 <meta charset="UTF-8">
                 <title>網頁標題</title>
             </head>
             <body>
                  網頁顯示內容
             </body>
          </html>
          1. 第一行<!DOCTYPE html>是文檔聲明, 用來指定頁面所使用的html的版本, 這里聲明的是一個html5的文檔。
          2. <html>...</html>標簽是開發人員在告訴瀏覽器,整個網頁是從<html>這里開始的,到html結束,也就是html文檔的開始和結束標簽。
          3. <head>...</head>標簽用于定義文檔的頭部,是負責對網頁進行設置標題、編碼格式以及引入css和js文件的。
          4. <body>...</body>標簽是編寫網頁上顯示的內容。

          2.2 瀏覽網頁文件

          網頁文件的后綴是.html或者.htm, 一個html文件就是一個網頁,html文件用編輯器打開顯示的是文本,可以用文本的方式編輯它,如果用瀏覽器打開,瀏覽器會按照標簽描述內容將文件渲染成網頁。

          2.3 小結

          三、vscode的基本使用

          3.1 vscode 的基本介紹

          全拼是 Visual Studio Code (簡稱 VS Code) 是由微軟研發的一款免費、開源的跨平臺代碼編輯器,目前是前端(網頁)開發使用最多的一款軟件開發工具。

          3.2 vscode 的安裝

          1. 下載網址: https://code.visualstudio.com/Download
          2. 選擇對應的安裝包進行下載:


          1. 根據下載的安裝包雙擊進行安裝即可,當然為了更好的使用 vscode 還可以安裝對應的插件。

          3.3 vscode 的插件安裝

          插件名說明Chinese (Simplified) Language Pack for VS Code中文(簡體)漢化包open in browser右擊在瀏覽器打開html

          1. 漢化插件安裝

          1. open in browser插件安裝


          1. 注意: 如果在vscode打開的html文檔中右擊沒有出現 open in browser 類型的選項,需要把當前打開的文件關掉,重新打開這個文件就好了。

          3.4 vscode 的插件卸載

          點擊對應安裝的插件,然后再點擊卸載按鈕即可。

          3.5 vscode 的使用

          1. 打開文件夾創建文件


          1. 快速創建html文檔的基本結構


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


          3.6 設置字體大小


          3.7 設置顏色主題


          3.8 設置默認瀏覽器[可選]

          1. 可以根據自己的需要設置默認使用的瀏覽器


          3.9 小結

          • vscode 是由微軟研發的一款免費、開源的跨平臺代碼編輯器
          • 通過資源管理器打開文件夾創建HTML文件,編寫 HTML 代碼
          • 可以根據需要安裝對應的插件
          • 可以設置字體大小和顏色主題

          SS3實現文本字體漸變雙色變化,實現顏色過渡漸變,可以用在首頁展示欄中,增強用戶體驗!下面來看看效果:

          實現代碼非常簡單:

          體效果

          <h1></h1> 標題字(最大)

          <h6></h6> 標題字(最小)

          <h1 align="center"></h1>

          <strong></strong> 粗體字(突出強調)

          <b></b> 粗體字(bold:粗體)

          <i></i> 斜體字(italic:斜體)

          <u></u> 底線,文本添加下劃線:(underline:下劃線)

          <strike></strike>或<s></s> 橫線,相當于加刪除線文本 <del></del> HTML5

          等寬文字標簽:對于等寬文字設置多數情況用在英文文字顯示中

          <tt></tt> 打字體,類似打字機或者等寬的文本效果。

          <code></code> 等寬文字設置內容(定義計算機代碼文本)

          <samp></samp> 等寬文字設置內容(定義樣本文本)

          <kbd> 定義鍵盤文本。

          <sup></sup> 文字上標字體標簽(super)

          <sub></sub> 文字下標字體標簽(subscipt)

          <address></address> 設置地址文字(可定義一個地址,比如電子郵件地址。您應當使用它來定義地址、簽名或者文檔的作者身份。)

          <font></font> 編輯網頁文字樣式

          <font face="" size="" color=""></font>

          face屬性可以用于設置文字的名稱,可以是宋體、隸書、楷體等;

          size屬性用于設置字號的大小(單位:字號),從 1 到 7 的數字,或h1-h6。瀏覽器默認值是3。

          color用于設置字體的顏色

          <font size="3" color="red">This is some text!</font>
          <font size="2" color="blue">This is some text!</font>
          <font face="verdana" color="green">This is some text!</font>

          手冊上沒有

          <ruby></ruby>和<rt></rt> 設置文字標注標記

          實例:

          <ruby>當代最可愛的人<rt>志愿軍</rt></ruby>

          主站蜘蛛池模板: 亚洲AV香蕉一区区二区三区| 少妇激情一区二区三区视频| 国产色欲AV一区二区三区| 精品国产乱子伦一区二区三区| 国产精品一区三区| 国产成人无码精品一区不卡| 亚洲一区免费在线观看| 国产成人一区二区精品非洲| 精品无码av一区二区三区| 无码日韩精品一区二区免费| 中文字幕视频一区| 精品深夜AV无码一区二区老年| 国产精品综合一区二区三区| 亚洲一区欧洲一区| 精品国产一区二区三区在线观看 | 国产手机精品一区二区| 亚欧色一区W666天堂| 精品动漫一区二区无遮挡| 国产日韩一区二区三区| 国产AV一区二区三区传媒| 成人h动漫精品一区二区无码| 亚洲欧洲无码一区二区三区| 欧洲精品一区二区三区在线观看| 国产女人乱人伦精品一区二区| 日韩免费无码一区二区视频| 亚洲日韩精品一区二区三区无码| 中文无码精品一区二区三区| 波多野结衣一区二区三区aV高清| 久久精品午夜一区二区福利 | 成人免费区一区二区三区| 中文字幕一区在线播放| 亚洲av无码一区二区三区在线播放| 中文乱码字幕高清一区二区 | 性色AV一区二区三区| 国产成人一区二区三区高清| 乱精品一区字幕二区| 久久久久久人妻一区二区三区| 无码乱人伦一区二区亚洲| 一区二区三区视频| 一区二区三区免费视频播放器 | 精品一区二区三区在线观看视频 |