gay空少被体育生开菊,91久久综合亚洲鲁鲁五月天,日韩亚洲无码视频,大地影院网

HTML5網(wǎng)站建設文檔結(jié)構(gòu)

分類：網(wǎng)站建設瀏覽次數(shù)：51132 2018-10-30

滿意回答

2018-10-30

制作網(wǎng)站基礎的兩個規(guī)范分別稱為HTML和CSS，它們在網(wǎng)站中起著不同的作用。圭谷設計正是圍繞著這兩個內(nèi)容進行講解的，今天首先對HTML進行講解，這里將介紹HTML的基本概念以及一些簡單的應用。此外，Dreamweaver是目前流行的網(wǎng)站制作軟件之一，因此今天的穩(wěn)重中圭谷設計還會對Dreamweaver軟件的使用進行一些簡單的介紹。通過學習，大家將會清楚地了解HTML語言在網(wǎng)絡中所處的位置，這樣從總體上把握HTML，并熟悉Dreamweaver軟件的基本操作。

1223

一.HTML簡介

前面提到過網(wǎng)站的基礎是HTML，全稱為Hypertext Markup Language，譯為超文本標記語言。首先應該明確一個概念，HTML不是一種編程語言，而是一種描述性的標記語言，用于描述超文本中內(nèi)容的顯示方式。比如如何在網(wǎng)站中定義一個標題、一段文本或者一個表格等，這些都是利用一個個HTML標記完成的。其基本的語法就是：<標記>內(nèi)容</標記>。

標記通常都是成對使用的，有一個開頭標記就對應有一個結(jié)束標記。結(jié)束標記只是在開頭標記的前面加一個斜杠“/”。當瀏覽器從服務器接收到HTML文件后，就會解釋里面的標記符，然后把標記符相對應的功能表達出來。青島網(wǎng)站建設美學體驗的原則

例如，在HTML中以<p></p>標記來定義一個文本段落，以<table></table>標記來定義一個表格。當瀏覽器碰到<p></p>標記時，就會把<p></p>標記之間的所有文字以一個段落的樣式顯示出來。再進一步，上面說的<p>標記和<table>標記都屬于結(jié)構(gòu)標記，也就是它們用于定義網(wǎng)站內(nèi)容的結(jié)構(gòu)。此外，還有一類標記，稱為形式標記，用于定義網(wǎng)站內(nèi)容的形式。比如瀏覽器遇到<b></b>標記時，就會把<b></b>標記中的所有文字以粗體樣式顯示出來。或者，有“<i>網(wǎng)站</i>”這樣一個HTML語句，其顯示結(jié)果就是斜體的“網(wǎng)站”兩個字。大家可以看到，HTML就是這樣易學易用。

總的原則就是，用什么樣的標記就能得到什么樣的效果。希望獲得什么效果，就用相應的標記即可。因此，學習HTML實際上就是學習如何使用各種HTML的標記。

二.創(chuàng)建第一個HTML文件

人們經(jīng)常在有意無意中使用網(wǎng)站這個概念，那么網(wǎng)站的本質(zhì)是什么呢？實際上網(wǎng)站就是一個文件，只不過這個文件是利用HTML寫成的，所以又被稱為HTML文件。HTML文件的本質(zhì)就是一個文本文件，只是擴展名為“.htm”或“.html”的文本文件。所以，可以利用任何文本編輯軟件創(chuàng)建、編輯HTML文件。在Windows操作系統(tǒng)中，簡單的文本編輯軟件就是NotePad（記事本）。

現(xiàn)在我們來創(chuàng)建自己的第一個HTML文件。HTML文件的創(chuàng)建方法非常簡單。具體的操作步驟如下。

1.選擇“開始”，然后依次選擇“程序→附件→記事本”命令。

2.在打開的記事本窗口中寫入如下代碼。

3.編寫完成后保存該文檔。選取記事本菜單欄中的“文件→保存”命令，彈出“另存為”對話框。要特別注意，應首先在“保存類型”下拉列表中選擇“所有文件”選項，然后再在“文件名”文本框中輸入一個文件名，并以“.htm”或者“.html”作為文件名的后綴。修改后綴名注意如果這里不改成“所有文件”，記事本程序會自動在文件名后面加上“.txt”后綴，這樣瀏覽器就不會把這個文件當做網(wǎng)站文件對待了。

4.設置完成后單擊“保存”按鈕，這時該文本文件就變?yōu)榱薍TML文件，在Windows中，可以看到它的圖標就是網(wǎng)站文件的圖標了。

5.這時雙擊該HTML文件，就會自動打開瀏覽器，并顯示該文件的內(nèi)容。這就是我們制作的第一個HTML文件，盡管它只有一行文字，但這就標志著我們已經(jīng)邁出了走進互聯(lián)網(wǎng)世界的第一步！

說明

由于HTML文件本質(zhì)上就是文本文件，因此使用任何文本編輯軟件都可以對它進行編輯。當然Dreamweaver是常用的專業(yè)網(wǎng)站建設編輯軟件之一，但是在這一節(jié)中，我們?nèi)匀皇褂煤唵蔚挠浭卤?，來編寫和編輯HTML文檔，目的是通過基本的操作，盡可能深入地掌握HTML的原理。

三、HTML文件結(jié)構(gòu)

在上面的HTML文件里用到了5個HTML標記，下面就依次講解它們的作用。實際上，它們構(gòu)成了簡單的完整的HTML文件結(jié)構(gòu)。

1．<html>標記<html>標記放在HTML文件的開頭，并沒有什么實質(zhì)性的功能，只是一個形式上的標記，但還是希望大家形成一個良好的編寫習慣，在HTML文件開頭使用<html>標記來做一個形式上的開始。

2．<head>標記<head>也稱為頭標記，一般放在<html>標記里，其作用是放置關(guān)于此HTML文件的信息，如提供索引、定義CSS樣式等。

3．<title>標記<title>稱為標題標記，包含在<head>標記內(nèi)，它的作用是設定網(wǎng)站標題，可以看見在瀏覽器左上方的標題欄中顯示這個標題，此外，在Windows任務欄中顯示的也是這個標題。

4．<body>標記<body>又稱為主體標記，網(wǎng)站所要顯示的內(nèi)容都放在這個標記內(nèi)，它是HTML文件的重點所在。在后面的新聞中所介紹的HTML標記都將在這個標記內(nèi)。然而它并不僅僅是一個形式上的標記，它本身也可以控制網(wǎng)站的背景顏色或背景圖像，這將在后面的圭谷官網(wǎng)新聞中進行介紹。另外在構(gòu)建HTML框架的時候要注意一個問題，標記是不可以交錯的，否則將會造成錯誤。

沒有二維碼的