在互聯(lián)網(wǎng)時代,每個企業(yè)都需要建設(shè)自己的網(wǎng)站,
網(wǎng)站建設(shè)也成了營銷推廣必不可少的一環(huán),那在制作一個基本的網(wǎng)站前我們需要了解一些基礎(chǔ)的建站知識,今天深圳尼高網(wǎng)站設(shè)計公司就來分享一下網(wǎng)站建設(shè)的基礎(chǔ)HTML和CSS。
在編寫 HTML 或 CSS 時,從來不需要使用集成開發(fā)環(huán)境 (IDE),但它可以使事情更容易閱讀,尤其是隨著代碼的增長。您的網(wǎng)站將在沒有此行的情況下運行,因此如果您忘記添加它,請不要強調(diào),但最好將其包含在文件的頂部,這樣所有瀏覽器都知道如何解析您的文件。
HTML 代表“超文本標記語言”,但歸根結(jié)底,它是您的網(wǎng)站向他人展示的構(gòu)建塊。HTML 文檔由頁面上的許多“元素”組成,例如文本、圖像、分隔符等。元素內(nèi)部可以包含其他元素,從而構(gòu)建更大的頁面部分,最終構(gòu)成一個整體。
HTML 是一種“基于標簽”的語言,這意味著元素將被括在尖括號中,并且對于您擁有的大多數(shù)元素,您需要有一個開始標簽和一個結(jié)束標簽。標簽內(nèi)的任何內(nèi)容都將出現(xiàn)在該元素內(nèi):<body><p>This is some text</p></body>。所以在這種情況下,我們有一個帶有 的 HTML 文檔,body在里面body是一個p(段落)標簽,我們可以在其中添加一些文本。
有許多不同的“標簽”用于不同的場景,例如將<b>標簽中的文本包裝成粗體文本,以及<div>在頁面中進行劃分,僅舉幾個例子。稍后我們將詳細介紹如何使用特定標簽。
如果您將構(gòu)建網(wǎng)站視為建造房屋:您可以將 HTML 視為房屋的磚塊、石膏、地基,而將 CSS 視為覆蓋房屋和墻壁的油漆涂層?!皩盈B樣式表” (CSS) 是一種用于向 Web 文檔添加樣式(例如,字體、顏色、間距)的簡單機制。
CSS 與 HTML 一起為頁面上的元素設(shè)置樣式,您可以應(yīng)用數(shù)百種樣式轉(zhuǎn)換,例如調(diào)整元素的寬度/高度、更改其顏色等。這是通過“選擇”文檔上要設(shè)置樣式的元素來實現(xiàn)的。CSS 選擇器允許我們對一個元素應(yīng)用一組特定的“規(guī)則”來描述該類型的元素應(yīng)該如何出現(xiàn)在頁面上。
如果我們希望background頁面的black不是white,我們可以通過定位body文檔的 來改變它:body {background: black;}我們想要應(yīng)用的任何屬性都將位于花括號內(nèi),并且每個“規(guī)則”都將從我們想要選擇的元素開始。
如果我們的網(wǎng)站可能看起來有點乏味,因為我們頁面上的元素只是按原樣顯示,而沒有告訴瀏覽器在某些元素周圍留出空間或填充。讓我們?yōu)槲覀兊脑靥砑右恍邮?,讓我們的網(wǎng)站看起來很漂亮。