HTML5網站建設文檔結構,青島設計公司,青島網站設計,青島VI設計,青島網站建設,山東網站建設,青島網站制作,網站建設設計

HTML5網站建設文檔結構

分類：瀏覽次數(shù)：43464 2018-10-30 00:00:00

滿意回答

2018-10-30 00:00:00

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

1223

一.HTML簡介

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

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

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

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

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

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

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

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

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

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

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

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

說明

由于HTML文件本質上就是文本文件，因此使用任何文本編輯軟件都可以對它進行編輯。當然Dreamweaver是最常用的專業(yè)網站建設編輯軟件之一，但是在這一節(jié)中，我們仍然使用最簡單的記事本，來編寫和編輯HTML文檔，目的是通過最基本的操作，盡可能深入地掌握HTML的原理。

三、HTML文件結構

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

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

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

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

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

沒有二維碼的