當前位置:首頁 » 網頁前端 » webhtml基本結構
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

webhtml基本結構

發布時間: 2022-06-28 02:11:44

① html文件由什麼和什麼組成

HTML文件的最基本結構,主要包含4個標記,即<html><html>,<head></head>,<title></title>,<body></body>,它們的含義分別如下所述:
<html><html>標簽限定了文檔的開始點和結束點,在它們之間是文檔的頭部和主體。文檔的頭部由 <head> 標簽定義,而主體由 <body>標簽定義。
<head></head>標簽用於定義文檔的頭部,它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪裡找到樣式表、提供元信息等等。文檔的頭部描述了文檔的各種屬性和信息,包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。

② web中的信息資源的基本構成是什麼

構成Web
(World Wide Web、萬維網)體系結構的五大基本元素是:Web伺服器、Web瀏覽器、瀏覽器與伺服器之間的通信協議HTTP(Hypertext Transfer Protocol 、超文本傳輸協議)、寫Web文檔的語言HTML(Hypertext Markup Language、超文本標記語言)、以及用來標識Web上資源的URL(Universal Resource Locator 、統一資源定位器)。

Web系統的組成部分:
頁面:超文本文檔在用戶端顯示為頁面(Page)
瀏覽器:頁面通過一個稱作瀏覽器(Browser)的程序觀看。
超鏈接:頁面內鏈接到其它頁面的文本串叫超鏈接,一般突出顯示。
主頁(Homepage)是首頁,整個文件的起始點和匯總點。
標識頁面的方法是採用統一資源定位器URL (Uniform Resource Locator) 有效地作為頁面的世界性名字。也稱為網頁在Internet上的地址(網址)。如:http://www.cug.e.cn/welcome.html

Web系統的結構:
Web系統是客戶 —— 伺服器模式:
Web客戶機:客戶端的瀏覽器
Web伺服器:多媒體資源存放的主機
中間件:可以調用Web伺服器中的資料庫和其它應用程序,滿足客戶的各種應用要求。

Web系統的請求與應答:
客戶機使用特定的協議如 HTTP 與伺服器建立連接,客戶機發送請求伺服器接受並執行客戶請求的操作,再將結果返回客戶。

Web客戶-伺服器系統的功能:
信息取得,資料和交易的管理以及共享信息。

③ web的標准包括那些組成部分

WEB標准,即網站標准。目前所通常所說的WEB標准一般指網站建設採用基於XHTML語言的網站設計語言,WEB標准中典型的應用模式是「css+div」實際上,WEB標准並不是某一個標准,而是一系列標準的集合。

網頁主要由三部分組成:結構(Structure)、表現(Presentation)和行為(Behavior)。對應的網站標准也分三方面:結構化標准語言,主要包括XHTML和XML;表現標准語言主要包括CSS;行為標准主要包括對象模型(如W3C DOM)、ECMAScript等。這些標准大部分由W3C組織起草和發布,也有一些是其他標准組織制訂的標准,比如ECMA(European Computer Manufacturers Association)的ECMAScript標准。

④ 網頁HTML的基本結構是什麼

HTML網頁的基本結構及基本功能


一、HTML網頁的基本結構
1、HTML——超文本標記語言,瀏覽器解析html標記後,展示內容
2、H5——HTML5(目前流行比較火)
3、網頁的基本結構
3.1靜態網頁的拓展名htm或html
3.2新建網頁的步驟:
1、新建文本文檔,更改拓展名為htm或html
2、編寫網頁的基本結構,並報春
3、雙擊html文件,在瀏覽器中運行
3.3網頁的基本結構
<html>
<head>
<title>網頁的標題</title>
<body>網頁顯示的內容</body>
</head>
</html>
4、HTML語言的特點
標記,大部分的都是成對存在
不區分大小寫 H5區分大小寫
瀏覽器解析HTML標記
二、使用相關的標簽進行排版
1、網頁的標題
<title></title>
2、標題標簽
<h1>....<h6>數字越大 標題越小
3、段落標記——<p>[/P]可以有也可以沒有
4、換行——<br/> [/]可以有野可以沒有
5、水平線——<hr/>
6、字體加粗<strong></strong> 斜體<em></em>
7、HTML中的注釋和特殊的符號--P15頁
注釋:<!-- -->
特殊符號 空格&nbsp; 大於號&gt; 小於號&lt;
引號&quot;版權符號&;

三、在網頁上插入圖片
<img src="圖片地址" alt ""替換的文字
title ""滑鼠懸浮停留時的文字 width ="寬" height"高"/>
ps:src屬性必須有 其他的屬性可以有可以沒有
圖片路徑:相對路勁和絕對路徑
1、相對路徑,不出現有磁碟名字的路徑
../表示上級目錄
../../表示目錄的上一級目錄
2.絕對路徑,有磁碟名字的路徑
C:Documents and SettingsAdministrator桌面
***網頁中使用相對路徑
四、超鏈接
1、通用語法:
<a href=路徑target="-self丨blank"(前是當前頁面打開,
後是新建寬口打開>超鏈接上的顯示的文字</a>
2、作用:頁面導航

3、錨鏈接P23.24
1>先設置錨記
<a name="錨記名" </a>
2>超鏈接訪問當前頁面中的錨記?
<a href="#錨記名」></a>
4、打開郵件發送郵件
<a href="mailto:郵箱名「>點我發送郵件</a>

⑤ web前端頁面有哪三層構成,分別是什麼作用是什麼

最准確的網頁設計思路是把網頁分成三個層次,即:結構層、樣式層、行為層。

HTML:結構層
網頁的結構或內容層是該頁面的基礎HTML代碼。
CSS:樣式層
該層指示結構化HTML文檔如何看待網站的訪問者,並由CSS(層疊樣式表)定義。
JavaScript:行為層
行為層使網站具有交互性,允許頁面響應用戶操作或基於一組條件進行更改

⑥ HTML語言的基本結構元素有幾個,分別是什麼什麼作用

【(一)HTML語言的基本結構元素有幾個,分別是什麼?什麼作用?】

<html>
<head>
<title>標題</title>
</head>
<body>
正文部分
</body>
</html>
這個例子包含了html中最基本的元素,首先是<html></html>這一組標記符,然後在它裡面是標記符的元素體。html元素的元素體由兩大部分組成,頭元素<head></head>,體元素<body></body>另外還有一些注釋。這樣就可以形成一個個我們看到的美倫美奐的網頁。
1、「文件頭」標記符()
文件頭標記符也就是通常見到的標記符,標記符在網頁中是看不到的,因為它包含在HTML語言的「<head>…</head>」標記符之間,而通常我們所見到的網頁內容只有在「<body>…</body>」之間的才可以在文檔中顯示出來.
2、「文件標題」(Title)
Title元素是文件頭里唯一一個必須出現的元素,它也只能出現在文件頭里.它的格式如下:
<title>標題</title>
標題表示該HTML文件的名稱,是對文件的概述。標題對於一個文件來說是非常重要的,我們可以從一個好的標題中判斷出該文件大概的內容。不過文件的標題一般不會顯示在文本窗口中,而以窗口的名稱顯示出來。
3.「文件體」標記符(body)
文件體標記符由<body>開始.</body>結束,它的中間是網頁文檔的正文部分。我們在網頁中進行的背景顏色的設定,或是圖片的設定或是連結字體的顏色,都要放在<body>這個標記符里。
4.「標題」標記符(hn)
標題標記符用於顯示HTML文件的各級標題,格式如下:
<hn>標題內容</hn>
其中n為1-6的數字,數字越大,字越小。也就是說(h1)最大,(h6)最小,希望大家記住這一點。標題內容用黑體字顯示,各行之間自動換行。
在我們製作網頁時,<h4>一般作文本正文,而h6字體由於太小,一般用得很少。
5、字體和段落標記符
(1)網頁中字體大小設定標識符
下面我們來看一看它的有關設置方法。它的語法是:<font size=3>文字內容</font>。它的大小一共有七種,也就是<font size=1>(最小)到<font size=7>(最大),另外,還有一種寫法:<font size=+1>文字內容</font>,其意思就是說:比預設字大一級。當然也可以 font size=+2(比預設字大二級),或是 font size=-1(比預設字小一級),以一般而言,預設字體多為3。
(2)文字的字型設定標記符
我們在這里說的字型設定主要是指文字的字型,比如說宋體,楷體等。它們在網上用得也十分廣泛。唯一的一個限制是:對方也要有該字型!否則看到的仍然還是宋體。另外要說明的是,這個標記符無法保證在每個瀏覽器上都能正常的顯現,不過這並沒有關系,看不到特殊的字型時,瀏覽器仍會以宋體來顯示,所以不用怕會一團亂!
(3)分段標記符
由於在HTML里它的瀏覽器是基於窗口的,因此用戶可以隨時改變顯示區的大小。不過由於HTML語言是不認識我們所謂的Enter鍵或空白鍵,所以不管按了多少次的空白或Enter,瀏覽器都會當作沒看見。因此我們在HTML里的分段依賴於強制斷行標記符<br>和強制分段標記符<p>。
6、圖像標記符
在HTML里,一般用<img src=「」width=「」height=「」 align=「」>來表示我們插入的圖像。在這里,img表示圖像的標記符,而屬性src後面的引號中表示圖像路徑及文件名,width後面填寫的是圖像的寬度,height後面填寫的是圖像的高度,align為圖像的對齊方式.一般我們使用的圖像格式有2種,gif和jpeg.二者的載入方法一樣。在使用圖像標記符時有兩件事值得我們注意一下,一是文件名,二是路徑。如果文件名和路徑不正確的話在網頁中的圖像是無法顯示的。
7、表格標記符
在HTML里,一個表格由<table>開始,由</table>結束,在表格里的屬性由<tr>表示表格的行,<th>表示表格的列數和相應欄目的名稱,<td>表示單元格組成。此外我們還可以設置表格的表寬「width=#」和表高「height=#」,#表示是以象素為單位的整數。邊框寬度「border=#」,#為寬度值,單位是象素。表格間距即劃分表格的線的粗細用「cellspacing=#」來表示.以及表格顏色用「bgcolor=#」來表示,#是十六進制的6位數,格式為rrggbb,表示紅,綠,藍三色的分量。表格的合並在<td>中使用rowspan或colspan。
8、框架標記符
使用框架可以將瀏覽器分成多個區域,每個區域都是相對獨立的,可以顯示HTML文件
9、層標記符
所謂層,也就是網頁內容的容器.只有在Dreamweaver里才有層。層分為兩種類型:CSS和Netscape層。前者在HTML文件中的層標記符使用Div和Span,被瀏覽器Internet explore4.0和Netscape4.0支持。後者使用Layer和Ilayer,被Netscape4.0支持。Dreamweaver 8對以上4種層都支持。
層的基本語句如下:
<div id="Layer1" style="position:absolute; left:141px; top:58px; width:210px; height:137px; z-index:1"></div>
在這里,id表示層的編號,style表示層的方式,left表示層左邊界距離瀏覽器窗口左邊界的距離,top表示層上邊界距離瀏覽器窗口上邊界的距離,width表示層的寬度,height表示層的高度,z-index表示在垂直平面的方向上層的順序號。

【(二)用HTML語言編寫個三行兩列的表格。】

<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

【(三)HTMl語言的常用元素有什麼?舉至少5個例子。】

<a href=...>~〈/a>:插入超鏈接
<form action=...>~</form>:提交表單
<link href=...插入相關的CSS文件>
<style>~</style>:插入相應的圖標,比如滑鼠樣子圖標
<table>~<table>:插入顯示HTML的一個表格,需要class和id的屬性
<div>~</div>:定義顯示文本的位置,需要class和id的屬性
<font>~</font>:文字顏色和大小布局
<p>~</p>:文欄位
<input />:輸入表格屬性,一般分為name和password兩種。

⑦ html的基本框架是什麼

1、html文件是最常見的網頁文件,所謂HTML是超文本標記語言(HyperText Markup Language,簡稱:HTML)是一種用於創建網頁的標准標記語言。

2、html文件的編輯非常簡單,使用文本編輯器就可以打開,也可以使用editplus,vim,notepad++,ultraEdit 等等編輯工具打開,打開就可以直接看到源碼,也可以進行編輯修改。

3、html是網頁設計和編程的基礎,只要掌握了HTML的基本標簽的用法,相對來說還是比較簡單的,學習難度並不大的。WEB端編程中,難度較大的在於JavaScript這一塊。

4、希望對你有幫助,祝你學有所得。

⑧ 簡述「HTML」文檔的基本結構

HTML(HyperText Mark-up Language,超文本標記語言或超文本鏈接標示語言),是目前網路上應用最為廣泛的語言,也是構成網頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部(Head)、主體(Body)兩大部分,其中頭部描述瀏覽器所需的信息,而主體則包含所要說明的具體內容。

HTML文檔基本結構

在HTML網頁文檔的基本結構中主要包含以下幾種標記。

1.HTML文件標記

<HTML>和</HTML>標記放在網頁文檔的最外層,表示這對標記間的內容是HTML文檔。<HTML>放在文件開頭,</HTML>放在文件結尾,在這兩個標記中間嵌套其他標記。

2.HEAD文件頭部標記

文件頭用<HEAD>和</HEAD>標記,該標記出現在文件的起始部分。標記內的內容不在瀏覽器中顯示,主要用來說明文件的有關信息,如文件標題、作者、編寫時間、搜索引擎可用的關鍵詞等。

在HEAD標記內最常用的標記是網頁主題標記,即TITLE標記,它的格式為:

<TITLE>網頁標題</TITLE>

網頁標題是提示網頁內容和功能的文字,它將出現在瀏覽器的標題欄中。一個網頁只能有一個標題,並且只能出現在文件的頭部。

3.BODY文件主體標記

文件主體用<BODY>和</BODY>標記,它是HTML文檔的主體部分。網頁正文中的所有內容包括文字、表格、圖像、聲音和動畫等都包含在這對標記對之間。通常的標記樣式如下:

<BODY background="image-URL" bgcolor="color" text="

color" link="color" alink="color" vlink="color"

leftmargin="value" topmargin="value">…</BODY>.

⑨ 2. HTML文檔的基本結構由哪些標記組成

<html>
<head>
<title>標題</title>
</head>
<body>
這里是內容,顯示在頁面中
</body>
</html>

上面就是HTML文檔的基本結構。

HTML文檔的基本結構
1 、<HTML>...</HTML>文檔標記

這個標記是全部文檔內容的容器,<HTML>是開始標記,</HTML>是結束標記,它們分別是網頁的第一個和最後一個標記,其他標記代碼都位於這兩個標記之間。

2、<HEAD>...</HEAK>首部標記

首部標記<HEAD>...</HEAK>用於提供與Web頁有關的各種信息。在首部標記中,可以使用<TITLE>...</TITLE>標記來指定網頁的標題,<STYLE>和</STYLE>標記來定義CSS樣式表,使用<SCRIPT>和</SCRIPT>標記來插入腳本,等等。

3、<BODY>...</BODY>正文標記

正文標記包含了文檔的內容,文字、圖像、動畫、超鏈接以及其他HTML元素均位於該標記中。正文標記有下列屬性。

Backgroud:指定文檔背景圖像的URL地址。
Bgcolor:指定文檔的背景顏色。
Text:指定文檔中的文本顏色。
Link:指定文檔中鏈接的顏色。
VLink:指定文檔中已被訪問過的鏈接顏色。
ALink:指定文檔中正被選中的鏈接顏色。
ONLoad:指定文檔首次載入時調用的事件處理程序。
ONUNLoad:指定文檔卸載時調用的事件處理程序。

4 、文檔的基本結構

<HTML>
<HEAD>
<TITLE>這是我的第一張網頁 </TITLE>
</HEAD>
<BODY>
這是我做的第一張網頁。
</BODY>
</HTML>

2.1.4、注釋標記

在HTML語言中,注釋由開始標記<!--和結束標記-->構成,這兩個標記之間的文字被瀏覽器解釋為注釋,而不在瀏覽器窗口中顯示。例如:
<!-- 注釋標記的作用主要就是對某句和某段代碼進行注釋 -->

⑩ Web前端基礎——html是什麼

  • html語義化讓頁面的內容結構化,結構更清晰,便於對瀏覽器、搜索引擎解析;

  • 即使在沒有樣式CSS情況下也以一種文檔格式顯示,並且是容易閱讀的;

  • 搜索引擎的爬蟲也依賴於HTML標記來確定上下文和各個關鍵字的權重,利於SEO;

  • 使閱讀源代碼的人對網站更容易將網站分塊,便於閱讀維護理解。

  • 【深解】

  • 作為一個前端開發人員,你要是沒有聽說過CSS,那你肯定是一個「out-man」。隨著CSS的深入人心,結構、表現與行為的逐漸分離,HTML語義化成了炙手可熱的賣點。

  • 語義化的HTML首先要強調HTML結構一個網頁就好像一幢房子,HTML結構就是鋼筋混泥土的牆,一幢房子如果沒有鋼筋混泥土的牆那就是一堆廢磚頭,也就稱不上是房子了。CSS是裝飾材料,是油漆,是用來裝飾房子的。CSS如果沒有HTML結構那也就什麼都不是了,沒有了實際使用價值。CSS完全依靠引用它的(X)HTML文檔。如果你想使CSS的能力發揮到極致,提供一個既干凈又有結構的HTML是非常必要的。

  • 其實HTML中的標簽都有他自身的含義,只是常常被忽視——就像表格一直充當著網頁布局的角色。還好隨著CSS的重現江湖,表格也終於回到他的本質工作——列表數據。它會告訴我們說:「這行是一個標題;這幾行組成了一個段落;這些文字是項目列表……」在做前端開發的時候要記住:HTML告訴我們一塊內容是什麼(或其意義),而不是它長的什麼樣子。