整合營銷服務商

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

          免費咨詢熱線:

          肖sir_html之基本使用(1)

          、新建項目

          1、新建===web項目===輸入項目名稱====完成


          二、新建html文件

          在新建項目中新建html模板


          輸入文件名稱:


          三、認識基本格式


          聯想出基本格式:



          四、編輯html文件


          運行html,選擇瀏覽器



          五、html常用的快捷鍵

          (1)ctrl+n+w web項目創建



          (2)ctrl+n+h html文檔創建


          (3)ctrl+s 保存html頁面(頁面上如果未保存會顯示*號)



          (4)ctrl+r html運行
          (5)ctrl+z 撤回
          (6)!+tab鍵 聯想基本格式
          (7)ctrl+/ 注釋和取消注釋



          (8)ctrl+鼠標滾輪, 字體方大和縮小


          六、認識標簽

          (1)H標簽(標題標簽)



          (2)p標簽 (段落標簽)



          (3)img 標簽(圖片標簽)
          兩種:第一種widows上傳圖片,第二種:網上圖片鏈接

          第一種


          img中顯示圖片

          img中引入圖片




          第二種:網上圖片的鏈接:




          (4) 標簽(空格)



          (5)em 標簽表示斜體



          (6)i 標簽表示斜體



          (7)br 表示換行



          (8)b 標簽表示加粗



          (9) strong 標簽表示加粗



          (10)s 標簽(刪除線)




          (11)u 標簽 (下劃線)



          (12)font 顏色



          (13)sub下標
          (14)sup上標

          人在校生一枚,希望可以找到志同道合的小伙伴一起進步,不定期的更新自己的收獲,如果有大神的話可以指出我的不足,我用的是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>


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

          HTML 注釋:

          <!--這是一個注釋,注釋在瀏覽器中不會顯示--><p>這是一個段落</p>

          瀏覽器支持

          所有主流瀏覽器都支持 <!--...--> 注釋標簽。

          標簽定義及使用說明

          <!--...--> 注釋標簽用來在源文檔中插入注釋。注釋不會在瀏覽器中顯示。

          您可使用注釋對您的代碼進行解釋,這樣做有助于您在以后的時間對代碼的編輯。特別是代碼量很大的情況下很有用。

          您也可以在注釋內容存儲針對程序所定制的信息。在這種情況下,這些信息對用戶是不可見的,但是對程序來說是可用的。一個好的習慣是把注釋或樣式元素放入注釋文本中,這樣就可避免不支持腳本或樣式的老瀏覽器把它們顯示為純文本。

          <scripttype="text/javascript"><!--functiondisplayMsg(){alert("Hello World!")}//--></script>

          注釋:命令行最后的兩個正斜杠(//)是 JavaScript 注釋符號。這確保了 JavaScript 不會執行 --> 標簽。

          除了在源文檔中有非常明顯的作用外,許多 Web 服務器也利用注釋來實現文檔服務端軟件特有的特性。這些服務器可以掃描文檔,從傳統的 HTML/XHTML 注釋中找到特定的字符序列,然后再根據嵌在注釋中的命令采取相應的動作。這些動作可能是簡單的包括其他文件中的文本(即所謂的服務器端包含,server-inside include),也可能是復雜地執行其他命令去動態生成文檔的內容。

          HTML 4.01 與 HTML5之間的差異

          無。

          標準屬性

          <!--...--> 注釋標簽不支持任何標準屬性。

          如需更多有關 HTML 標準屬性的信息,請訪問 標準屬性。

          事件屬性

          <!--...--> 注釋標簽不支持任何事件屬性。

          如需更多有關 HTML 事件屬性的信息,請訪問 事件屬性。

          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!


          主站蜘蛛池模板: 国产精品盗摄一区二区在线| 毛片一区二区三区无码| 亚洲一区二区三区在线| 糖心vlog精品一区二区三区| 亚洲一区二区三区AV无码| 日本一区二区三区久久| 日本高清一区二区三区| 日本一道高清一区二区三区| 99精品国产高清一区二区麻豆| 精品少妇ay一区二区三区| 制服丝袜一区在线| 狠狠色综合一区二区| 国产在线视频一区二区三区| 国产乱码精品一区三上| 能在线观看的一区二区三区| 亚洲国产综合无码一区二区二三区| 亚洲国产av一区二区三区| 亚洲国产精品一区二区第一页免| 亚洲午夜日韩高清一区| 一区二区三区无码被窝影院| 成人免费av一区二区三区| 国产精品视频分类一区| 色狠狠一区二区三区香蕉蜜桃| 国模精品视频一区二区三区| 久久一本一区二区三区| 国产成人久久精品麻豆一区| 精品一区二区AV天堂| 精品无码av一区二区三区| 男插女高潮一区二区| 亚洲av无一区二区三区| 成人一区二区三区视频在线观看| 韩国理伦片一区二区三区在线播放| 日韩精品一区二区三区中文精品 | 日韩一区二区超清视频| 精品一区二区三区免费毛片爱| 亚洲一区二区影院| 久久久国产精品亚洲一区| 精品动漫一区二区无遮挡| 成人欧美一区二区三区在线视频| 国产精品美女一区二区| 一区二区三区四区电影视频在线观看|