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 韩国一级做a爰片性色毛片,亚洲一区二区在线,国产大陆亚洲精品国产

          整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          前端筆記之html篇

          小白從頭開始學(xué)所做的筆記)

          Web標(biāo)準(zhǔn)構(gòu)成

          主要包括:結(jié)構(gòu)、表現(xiàn)和行為三個方面

          <!DOCTYPE>文檔類型聲明,作用就是告訴瀏覽器使用哪種HTML版本來顯示網(wǎng)頁;

          lang用來定義當(dāng)前文檔顯示的語言;

          字符集(cahracter set)是多個字符的集合,以便計算機能夠識別和存儲各種文字;

          charset常用的值有:GB2312,BIG5,GBK和UTF-8,其中UTF-8也被稱為萬國碼,基本包含了全世界所有國家需要用到的字符集。

          HTML常用標(biāo)簽

          標(biāo)題標(biāo)簽:<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>(字體大小依次來變小)

          段落標(biāo)簽:<p></p>

          換行標(biāo)簽:<br/>

          加粗標(biāo)簽:<strong></strong>或<b></b>(推薦使用strong標(biāo)簽,因為atrong效果更好)

          傾斜標(biāo)簽:<em></em>;<i></i>(推薦使用em標(biāo)簽,因為em效果更好)

          刪除線標(biāo)簽: <del></del>或<s></s>(推薦使用del標(biāo)簽,因為del效果更好)

          下劃線標(biāo)簽:<ins></ins>或<u></u>(推薦使用ins標(biāo)簽,因為ins效果更好)

          div和span標(biāo)簽:是一個盒子,用來裝內(nèi)容,div是塊級標(biāo)簽,span是行內(nèi)標(biāo)簽

          圖像標(biāo)簽:<img src="圖像 URL"/>

          水平線標(biāo)記:<hr/>

          圖像路徑

          相對路徑:以引用文件所在位置為參考基礎(chǔ),而建立出的目錄路徑

          絕對路徑:是指目錄下的絕對位置,直接到達目標(biāo)位置,通常是從盤符開始的路徑

          超鏈接標(biāo)簽:<a href="跳轉(zhuǎn)地址" target="目標(biāo)窗口的彈出方式"> </a>作用從一個頁面跳轉(zhuǎn)到另外一個頁面

          描點連接:配合id選擇器使用

          注釋:<!-- --!>

          /**/

          //

          特殊字符: (空格)等

          表格標(biāo)簽:<table></table> 作用于展示數(shù)據(jù)

          <th></th>----表頭單元格

          <tr></tr> ----行

          <td></td>----單元格,列

          row="行數(shù)" cols="每行的字?jǐn)?shù)"

          <thead></thead>標(biāo)簽用于表格的頭部區(qū)域;<tbody></tbody>標(biāo)簽用于表格的主題區(qū)域

          無序列表:<ul><li></li></ul>

          有序列表:<ol><li></li></ol>

          自定義列表:<dl><dt><dd></dd></dt></dl>-----------dt是用于標(biāo)題,dd是內(nèi)容

          表單的組成:

          在HTML中,表單通常由表單域、表單控件和表單信息

          from用于定義表單域,以實現(xiàn)用戶信息的收集和傳遞

          表單域標(biāo)簽:<from action="url地址" method="提交方式" name="表單域名稱"></form>

          <input type="屬性值"/>

          其中name屬性是表單的名字,相同的名字可以實現(xiàn)多選一

          <lable>標(biāo)簽:用于綁定一個表單元素,當(dāng)點擊《lable》標(biāo)簽內(nèi)的文本時,瀏覽器就會自動將焦點(光標(biāo))轉(zhuǎn)到或者選擇對應(yīng)的表單元素上,用來增加用戶體驗

          <select>表單元素:下拉表單元素,

          <select>

          <option></option>

          </select>

          select中至少包含一對option

          textarea表單元素:<textarea></textarea>-----文本域標(biāo)簽

          做登錄界面可以用表格來做,能直接對齊

          后續(xù)會更新后面的知識

          TML是誰發(fā)明的?

          1.HTML的全稱是什么?

          超文本標(biāo)記語言(Hyper Text Markup Language),是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。

          2.誰發(fā)明的?

          是由Tim Berners-Lee發(fā)明的。

          HTML 起手應(yīng)該寫什么?

          <!DOCTYPE html>
            <!--文檔類型為html 此行必須為第一行 前面空一行也會報錯-->
            <html lang="en">
              <!--html標(biāo)簽 en是英語 zh-CN是中文-->
              
              <head>
                           <meta charset="UTF-8">
                             <!--文件的字符編碼-->
                             <meta name="viewport" content="width=device-width, initial-scale=1.0">
                               <!--content里的內(nèi)容代表禁止縮放,兼容手機-->
                               <meta http-equiv="X-UA-Compatible" content="ie=edge">
                                 <!--content里的內(nèi)容表示讓ie使用最新的內(nèi)容-->
                                 <title>Document</title>
              </head>

          常用的表章節(jié)的標(biāo)簽有哪些,分別是什么意思?

          1. h1-h6 標(biāo)題
          2. section 章節(jié)
          3. article 文章
          4. p 段落
          5. header 頭部
          6. footer 腳部
          7. main 主要內(nèi)容
          8. aside 旁支內(nèi)容
          9. div 劃分,表示一個區(qū)塊

          全局屬性有哪些?

          1. class 用來對網(wǎng)頁元素進行分類。如果不同元素的class屬性值相同,就表示它們是一類的。
          2. contentteditable HTML 網(wǎng)頁的內(nèi)容默認(rèn)是用戶不能編輯,contenteditable屬性允許用戶修改內(nèi)容。
          3. hidden hidden是一個布爾屬性,表示當(dāng)前的網(wǎng)頁元素不再跟頁面相關(guān),因此瀏覽器不會渲染這個元素,所以就不會在網(wǎng)頁中看到它。
          4. id id屬性是元素在網(wǎng)頁內(nèi)的唯一標(biāo)識符
          5. style 用來指定當(dāng)前元素的 CSS 樣式
          6. tabindex 網(wǎng)頁通常使用鼠標(biāo)操作,但是某些情況下,用戶可能希望使用鍵盤,或者只有鍵盤可以用。因此,瀏覽器允許使用 Tab 鍵,遍歷網(wǎng)頁元素。也就是說,只要不停地按下按鈕 Tab 鍵,網(wǎng)頁的焦點就會從一個元素轉(zhuǎn)移到另一個元素,選定焦點元素以后,就可以進行下一步操作,比如按下回車鍵訪問某個鏈接,或者直接在某個輸入框輸入文字。
          7. title 用來為元素添加附加說明。大多數(shù)瀏覽器中,鼠標(biāo)懸浮在元素上面時,會將title屬性值作為浮動提示,顯示出來。

          常用的內(nèi)容標(biāo)簽有哪些,分別是什么意思?

          1. ol+li 有序列表
          2. ul+li 無序列表
          3. dl+dt+dd 自定義的列表
          4. pre 顯示文本中的空白符號
          5. hr 分割線
          6. br 換行
          7. a 鏈接通過<a>標(biāo)簽表示,用戶點擊后,瀏覽器會跳轉(zhuǎn)到指定的網(wǎng)址。
          8. em <em>是一個行內(nèi)標(biāo)簽,表示強調(diào)(emphasize),瀏覽器會以斜體顯示它包含的內(nèi)容。
          9. strong <strong>是一個行內(nèi)元素,表示它包含的內(nèi)容具有很強的重要性,需要引起注意。瀏覽器會以粗體顯示內(nèi)容。
          10. code 呈現(xiàn)一段計算機的代碼,各類語言。
          11. quote 行內(nèi)的引用
          12. blockquote 塊的引用

          TML基本結(jié)構(gòu)

          HTML基本結(jié)構(gòu)

          網(wǎng)頁:由HTML(HyperText Markup Language)超文本標(biāo)記語言所組成。文件后綴一般為.htm或.html

          靜態(tài)網(wǎng)頁:由html、js、css等組成,不具備交互性。后綴一般為.htm或.html

          動態(tài)網(wǎng)頁:在html中加入asp/asp.net/jsp/php等技術(shù),使網(wǎng)頁有交互性,后綴一般為.asp/.aspx/.jsp/.php

          網(wǎng)站:由一個或若干個網(wǎng)頁、圖片、音頻、視頻、動畫、文件夾等組成的一個集合(文件夾)。

          網(wǎng)站中的所有文件和文件夾均不能使用漢字命名。

          首頁:也叫主頁/homepage,即打開網(wǎng)站時默認(rèn)顯示的第一個網(wǎng)頁(http://www.XX.com,https://www.XX.cn),首頁名稱一般為index.html或default.html

          標(biāo)題標(biāo)簽:h1……h(huán)6,h1最大,h6最小

          <h1>文字</h1>

          ……

          <h6>文字</h6>

          HTML注意事項:

          1、html中的標(biāo)點符號必須是英文輸入法中的標(biāo)點符號

          2、HTML標(biāo)簽不區(qū)分大小寫,但一般習(xí)慣小寫;Html不區(qū)分空格、空行,html標(biāo)簽和屬性、屬性和屬性之間用一個空格隔開,如<p align=”center” style=”color:red;”>;屬性值一般放置在單引號或雙引號中。

          3、html標(biāo)簽必須放置在尖括號<>中

          4、html標(biāo)簽一般是成對出現(xiàn)(雙標(biāo)簽),結(jié)束標(biāo)簽在開始標(biāo)簽的基礎(chǔ)上添加/,如<h1>……</h1>、<p>……</p>

          如果是單標(biāo)簽則在右尖括號前加/,如<br />、<hr />、<img />

          5、Html標(biāo)簽是包含關(guān)系,不要交叉書寫。如<p><b><i>文字</i></b></p>,不要書寫為<p><b><i>文字</p></b></i>

          段落:<p>……</p>

          分行:<br />

          網(wǎng)頁中支持的圖像格式:jpg、gif、png、bmp,其中支持背景透明的有g(shù)if和png,支持動畫的有:gif

          圖像:img

          <img src="./pic/guoqing.jpg" width="562" height="424" />

          Src:圖像的地址。 ./當(dāng)前目錄下 ../向上退一級目錄 ../../向上退二級目錄 /根目錄

          Width:寬度

          Height:高度


          主站蜘蛛池模板: 国产三级一区二区三区| 麻豆一区二区三区精品视频| 国产精品视频一区二区噜噜| 色一情一乱一伦一区二区三欧美| 无码人妻AⅤ一区二区三区水密桃 无码欧精品亚洲日韩一区夜夜嗨 无码毛片一区二区三区中文字幕 无码毛片一区二区三区视频免费播放 | 男人的天堂av亚洲一区2区| 国产另类ts人妖一区二区三区| AV天堂午夜精品一区二区三区| 久久青草国产精品一区| 亚洲成a人一区二区三区| 日本高清天码一区在线播放| 亚洲一区精品视频在线 | 麻豆国产在线不卡一区二区| 无码人妻精品一区二区在线视频| 一区二区三区在线| 精品无码成人片一区二区| 无码丰满熟妇一区二区| 99久久无码一区人妻a黑| 日韩高清国产一区在线| 日韩人妻一区二区三区蜜桃视频| 国产免费伦精品一区二区三区 | 韩国一区二区视频| 91视频一区二区三区| 麻豆高清免费国产一区| 久久久av波多野一区二区| 亚洲综合一区二区国产精品| 日本一区二区不卡在线| 日本一区二区不卡在线| 久久精品午夜一区二区福利| 日韩免费无码视频一区二区三区| 无码人妻视频一区二区三区| 亚洲综合色一区二区三区小说| 在线精品国产一区二区| 一区一区三区产品乱码| 亚洲午夜一区二区三区| 日韩在线一区视频| 日本一区二区三区中文字幕| 国产福利一区二区在线视频 | 日本一区二区三区精品国产| 精品乱子伦一区二区三区高清免费播放| 波多野结衣一区在线|