整合營銷服務商

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

          免費咨詢熱線:

          HTML實戰二:html基礎模版以及初始化文件創建

          篇文章我們說了初始化css的創建,本篇文章我們來說一下如何創建一個初始化html的基本模版以及初始化文件的創建。

          1)初始化html文件的創建

          我們在對一個網頁進行切圖編碼之前,我們需要創建這么幾個目錄文件, 便于存放我們的代碼;

          css文件目錄:該目錄的作用是用于存放我們的網頁css文件,一般我們分為2個文件,一個是用于存放我們上篇文章說到的初始化代碼的base.css,還有一個是用于存放我們自己編寫的網頁代碼的style.css文件;

          images文件目錄:該目錄的作用是用于存放我們網頁的切圖文件,網頁中的背景圖片以及元素圖標等都可以存放到此文件夾中;

          js文件目錄:該目錄的作用是存放我們編寫的網頁javascript代碼(關于javascript代碼我們將在以后的文章中進行詳解),js代碼的作用是實現網頁中的基本動態展示效果,比如選項卡切換,banner輪播圖切換等效果;

          另外還有一個文件就是我們的網頁html文件,首頁我們一般命名為index.html,一般放于跟目錄下邊。標準的目錄文件就如下圖所示:

          備注:如果你的電腦看不到.html這個后綴的話, 在文件夾左上角找到組織-文件夾和搜索選項;

          然后點擊查看-找到隱藏已知文件類型的擴展名-將前邊的對勾去掉即可;

          2)標準html模版的創建

          文件創建完成之后我們就要創建標準的index.html的網頁模版,一個網頁模版一般是由主體html、頭部head、內容body組成,其中head區域主要存放網頁標題、關鍵詞、頁面描述以及css和js代碼的引用;而body區域主要存放我們以后對頁面的編碼內容;

          具體的標準模版顯示效果就如下圖所示:

          好了,本篇文章就給大家說到這里,大家自己下來可以創建屬于自己的通用初始化文件模版,以后開發的時候直接復制使用即可。

          每日金句:不要生氣要爭氣,不要看破要突破,不要嫉妒要欣賞,不要拖延要積極,不要心動要行動。喜歡我的文章的小伙伴記得關注一下哦,每天將為你更新最新知識。

          頁編程之文字標題。

          同學們好,今天分享的主題是文件標題標簽。我們將從高到低分別介紹H1、H2到H6,其中H6為最小。讓我們看看具體的實現效果。現在網頁上出現了6行文字,自動換行,并以H1到H6的順序排列。這些文字展示了標簽的用法和效果。接下來,讓我們看看實現代碼。標題標簽的寫法非常簡單,沒有任何需要講解的內容。

          選擇標題標簽的原因是它是最簡單的圍堵標簽之一,不需要任何自帶的屬性,只需要將標簽的內容圍堵起來就可以了。這個標簽是對各位標簽寫法的一個鞏固。標題標簽的作用是標記定義了html文檔中的標題,字體相對較大并且加粗。需要注意的是,我們展示的內容通常用于新聞或公示的頁面。除了用于定義目錄和索引頁面的不同層次外,標題標簽還可以用于定義不同層次的標題。對于我個人來說,H1標簽是最常用的。H3之后,我基本上沒有使用過。現在,大多數時候使用CSS來自定義網頁的字體樣式。因此,了解這個標簽的含義就足夠了。

          從本節課開始,我們將進入html主體部分的講解,不再抽象地介紹配置信息。今天的分享就到這里,希望各位同學能夠按照示例進行練習,不看視頻也能寫出來。如果需要相關文檔和案例,請聯系我。下期見。

          如果您想學習編程,請關注我。

          TML 文檔是由 HTML 元素定義的。

          HTML 元素

          HTML 元素指的是從開始標簽(start tag)到結束標簽(end tag)的所有代碼。

          注釋:開始標簽常被稱為開放標簽(opening tag),結束標簽常稱為閉合標簽(closing tag)。

          HTML 元素語法

          • HTML 元素以開始標簽起始
          • HTML 元素以結束標簽終止
          • 元素的內容是開始標簽與結束標簽之間的內容
          • 某些 HTML 元素具有空內容(empty content)
          • 空元素在開始標簽中進行關閉(以開始標簽的結束而結束)
          • 大多數 HTML 元素可擁有屬性

          嵌套的 HTML 元素

          大多數 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

          HTML 文檔由嵌套的 HTML 元素構成。

          HTML 文檔實例

          <html>
          <body>
          <p>This is my first paragraph.</p>
          </body>
          </html>
          

          上面的例子包含三個 HTML 元素。

          HTML 實例解釋

          <p> 元素:

          <p>This is my first paragraph.</p>
          

          這個 <p> 元素定義了 HTML 文檔中的一個段落。

          這個元素擁有一個開始標簽 <p>,以及一個結束標簽 </p>。

          元素內容是:This is my first paragraph。

          <body> 元素:

          <body>
          <p>This is my first paragraph.</p>
          </body>
          

          <body> 元素定義了 HTML 文檔的主體。

          這個元素擁有一個開始標簽 <body>,以及一個結束標簽 </body>。

          元素內容是另一個 HTML 元素(p 元素)。

          <html> 元素:

          <html>
          <body>
          <p>This is my first paragraph.</p>
          </body>
          </html>
          

          <html> 元素定義了整個 HTML 文檔。

          這個元素擁有一個開始標簽 <html>,以及一個結束標簽 </html>。

          元素內容是另一個 HTML 元素(body 元素)。

          不要忘記結束標簽

          即使您忘記了使用結束標簽,大多數瀏覽器也會正確地顯示 HTML:

          <p>This is a paragraph
          <p>This is a paragraph
          

          上面的例子在大多數瀏覽器中都沒問題,但不要依賴這種做法。忘記使用結束標簽會產生不可預料的結果或錯誤。

          注釋:未來的 HTML 版本不允許省略結束標簽。

          空的 HTML 元素

          沒有內容的 HTML 元素被稱為空元素。空元素是在開始標簽中關閉的。

          <br> 就是沒有關閉標簽的空元素(<br> 標簽定義換行)。

          在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。

          在開始標簽中添加斜杠,比如 <br />,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。

          即使 <br> 在所有瀏覽器中都是有效的,但使用 <br /> 其實是更長遠的保障。

          HTML 提示:使用小寫標簽

          HTML 標簽對大小寫不敏感:<P> 等同于 <p>。許多網站都使用大寫的 HTML 標簽。


          主站蜘蛛池模板: 国产精品99精品一区二区三区| 精品一区二区无码AV| 相泽南亚洲一区二区在线播放| 日本强伦姧人妻一区二区| 男女久久久国产一区二区三区| 国产日韩精品一区二区三区| 亚洲国产国产综合一区首页| 国产精品自在拍一区二区不卡| 欧美人妻一区黄a片| 无码精品一区二区三区免费视频 | 国产在线观看精品一区二区三区91| 日本在线一区二区| 老湿机一区午夜精品免费福利| 亚洲乱码av中文一区二区| 午夜精品一区二区三区免费视频| 亚洲熟女乱综合一区二区| 国产精品久久久久一区二区| 日韩人妻无码一区二区三区99 | 无码精品蜜桃一区二区三区WW| 亚洲香蕉久久一区二区| 国产精品熟女一区二区| 久久久不卡国产精品一区二区| 福利电影一区二区| 国产精品成人免费一区二区| 国产乱码一区二区三区| 日韩免费无码一区二区三区| 国产午夜精品一区二区三区| 精品福利一区二区三区精品国产第一国产综合精品 | 国模吧一区二区三区| 国产高清在线精品一区二区三区| 日韩三级一区二区三区| 亚洲日韩AV一区二区三区中文| 亚洲一区影音先锋色资源| 国产精品美女一区二区视频 | 亚洲第一区精品观看| 精彩视频一区二区三区| 韩国资源视频一区二区三区| 成人H动漫精品一区二区| 国产乱码精品一区二区三区麻豆 | 日韩精品无码一区二区三区免费 | 精品视频一区二区三区|