整合營銷服務商

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

          免費咨詢熱線:

          HTML的基本

          人在校生一枚,希望可以找到志同道合的小伙伴一起進步,不定期的更新自己的收獲,如果有大神的話可以指出我的不足,我用的是VS code軟件來寫代碼的

          什么是 HTML

          HTML 是個縮寫,全稱Hyper Text Markup Language,譯為超文本標記語言。它是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。

          HTML的結構

          • html的后綴名有兩種 一種是.html,另一種是.htm (兩種并無區別)
          • 快捷創建基本結構的方法:方法一:可以在開頭打一個“!”號,方法二:打一個html,智能提示會出現html:5 選中即可。

          HTML的頭部

          在<hard>頭部標簽中你可以 插入腳本(scripts),樣式文件(CSS),以及各種meta信息??梢蕴砑釉陬^部區域的元素有:<title>,<style>,<meta>,<link>等等

          • ? <title>定義網頁標題</title>
          • <meta>元素:描述了一些基本的元數據,元數據不顯示在頁面上,但會被瀏覽器解析,<meta>通常用于指定網頁的描述,關鍵詞,作者。


          注釋快捷鍵:CTRL+? (注釋是不被運行的,作用就是幫助程序員記東西)

           <!--這是一個注釋-->

          HTML屬性

          • 通用屬性:幾乎所有元素都可以使用的屬性,例如 id、name、style等
          • 私有屬性:某個一個/類元素所具備的屬性
          • 事件屬性:為某個元素綁定事件(DOM學習)
          • 自定義屬性:開發者為某個元素設置的屬性,一般都是在前端框架中使用
          • 參考介紹https://developer.mozilla.org/zh-CN/

          HTML完整結構

           <!DOCTYPE html>
           <html lang="en">
           <head>
               <meta charset="UTF-8">
               <meta name="viewport" content="width=device-width, initial-scale=1.0">
               <title>Document</title>
          			<!--頭部,js和css寫在這里面-->
           </head>
           <body>
                 <!--內容主體-->
           </body>
           </html>


          可能我寫的會有些不清楚,到后面有代碼的時候就會清楚了

          avaScript 注釋可用于提高代碼的可讀性。

          JavaScript 注釋

          JavaScript 不會執行注釋。

          我們可以添加注釋來對 JavaScript 進行解釋,或者提高代碼的可讀性。

          單行注釋以 // 開頭。

          代碼練習:

          <!DOCTYPE html>
          <html lang="en">
          <head>
              <meta charset="UTF-8">
              <title>JavaScript 注釋</title>
          </head>
          <body>
          <h1 id="q"></h1>
          <p id="w"></p>
          <script>
              // 輸出標題:
              document.getElementById("q").innerHTML="Welcome to my Homepage";
              // 輸出段落:
              document.getElementById("w").innerHTML="This is my first paragraph.";
          </script>
          </body>
          </html>

          運行結果:

          、文本格式化標簽

          在網頁中,有時需要為文字設置粗體、斜體或下劃線效果,這時就需要用到HTML中的文本格式化標簽,使文字以特殊的方式顯示。

          b i s u 只有使用 沒有 強調的意思 , strong em del ins 語義更強烈

          二、注釋標簽

          HTML中還有一種特殊的標簽——注釋標簽。如果需要在HTML文檔中添加一些便于閱讀和理解但又不需要顯示在頁面中的注釋文字,就需要使用注釋標簽。

          • 語法

          <!-- 注釋語句 -->

          • 注意
          • 注釋內容不會顯示在瀏覽器窗口中,但是作為HTML文檔內容的一部分,也會被下載到用戶的計算機上,查看源代碼時就可以看到。

          主站蜘蛛池模板: 国产精品一级香蕉一区| 一区二区三区电影在线观看| 国产精品久久久久久一区二区三区 | 国产一区二区三区在线免费观看 | 少妇激情一区二区三区视频| 日韩有码一区二区| 变态拳头交视频一区二区| 一区高清大胆人体| 久久国产免费一区二区三区| 一区二区不卡久久精品| 亚洲AV无码国产一区二区三区| 国内精品视频一区二区三区| 国产一区二区三区乱码| 日本一区二三区好的精华液 | 亚洲av成人一区二区三区在线观看 | 中文字幕色AV一区二区三区| 一夲道无码人妻精品一区二区| 亚洲片一区二区三区| 欧洲亚洲综合一区二区三区| 亚洲男女一区二区三区| 无码毛片一区二区三区中文字幕| 国产精品一区12p| 91在线视频一区| 天堂Av无码Av一区二区三区| 精品无码一区在线观看| 末成年女AV片一区二区| 亚洲一区二区三区四区在线观看| 亚洲av无码一区二区三区不卡| 国产精品一区电影| 国产精品亚洲一区二区无码 | 亚洲AV日韩综合一区尤物| 无码少妇一区二区浪潮av| 国产在线精品一区二区不卡麻豆| 精品乱码一区内射人妻无码 | 精品人妻中文av一区二区三区| 福利片免费一区二区三区| 久久精品日韩一区国产二区| 国产精品无码一区二区三区电影| 99久久人妻精品免费一区| 色窝窝无码一区二区三区成人网站| 91精品一区二区|