篇文章我們說了初始化css的創建,本篇文章我們來說一下如何創建一個初始化html的基本模版以及初始化文件的創建。
我們在對一個網頁進行切圖編碼之前,我們需要創建這么幾個目錄文件, 便于存放我們的代碼;
css文件目錄:該目錄的作用是用于存放我們的網頁css文件,一般我們分為2個文件,一個是用于存放我們上篇文章說到的初始化代碼的base.css,還有一個是用于存放我們自己編寫的網頁代碼的style.css文件;
images文件目錄:該目錄的作用是用于存放我們網頁的切圖文件,網頁中的背景圖片以及元素圖標等都可以存放到此文件夾中;
js文件目錄:該目錄的作用是存放我們編寫的網頁javascript代碼(關于javascript代碼我們將在以后的文章中進行詳解),js代碼的作用是實現網頁中的基本動態展示效果,比如選項卡切換,banner輪播圖切換等效果;
另外還有一個文件就是我們的網頁html文件,首頁我們一般命名為index.html,一般放于跟目錄下邊。標準的目錄文件就如下圖所示:
備注:如果你的電腦看不到.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 元素)。
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 標簽。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。