整合營銷服務商

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

          免費咨詢熱線:

          肖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,我們一起飛!


          主站蜘蛛池模板: 亚洲一区二区三区播放在线| 国产成人精品第一区二区| 中文字幕亚洲乱码熟女一区二区| 国产A∨国片精品一区二区| 国产亚洲情侣一区二区无| 日韩电影一区二区| 99精品国产一区二区三区2021| 亚洲av日韩综合一区二区三区| 精彩视频一区二区| 亚洲线精品一区二区三区影音先锋 | 加勒比无码一区二区三区| 日本韩国黄色一区二区三区 | 亚洲AV成人精品一区二区三区| 亚洲欧美一区二区三区日产| 日韩精品一区二区亚洲AV观看| 亚洲一区二区三区高清| 亚洲A∨无码一区二区三区 | 精品福利一区3d动漫| 国产精品伦子一区二区三区| 无码人妻一区二区三区免费| 波多野结衣AV一区二区三区中文 | a级午夜毛片免费一区二区| 性无码免费一区二区三区在线| 人妻体体内射精一区二区| 日本一区二区在线不卡| 无码福利一区二区三区| 国产精品主播一区二区| 亚洲av色香蕉一区二区三区| 国产色情一区二区三区在线播放| 精品人妻无码一区二区三区蜜桃一 | 无码中文人妻在线一区| 中文字幕一区二区三区乱码| 国精产品一区一区三区MBA下载| 中文字幕一精品亚洲无线一区| 日韩精品电影一区| 日韩精品一区二区三区中文精品 | 日本精品啪啪一区二区三区| 亚洲视频一区调教| 一区二区三区国产| 国产AV国片精品一区二区| 精品久久久中文字幕一区|