計算機程序設計

和基本原則的HTML頁面的例子

發明了許多語言,但HTML語言是最特殊的,vosstrebovan之一。 因為它涉及到很多編程等關鍵舉措。 多少是可用,在標記語言的開發者目前的知識頭腦的時候 - 超文本標記語言(HTML)。

事實上,在HTML中,沒有什麼困難是,在幾分鐘內所有最遠離節目和互聯網的人將履行建立在筆記本的HTML頁面。 值得注意的例子,簡單,事實上,向所有人。

一般說明

HTML文件 - 一個頁面的網站,雖然這是有爭議的,但什麼是每頁一個文件,一開始很明顯。

HTML文件以一個DOCTYPE頭,其指定的文件的類型 - HTML。 所有頁面元素(標籤)尖括號內表示。 每對(“<”和“>”)包括一個標記的HTML。 通常HTML標籤是成對的,那就是,對於每一個«標籤»有«/標籤»。 兩者都是尖括號括起來。 有一個單獨的標籤,其中最流行的«BR /» - 過渡到下一行。

該文件中的最大的標籤 - 它自己的HTML,其中包括只有兩個標籤:頭部和身體。 在第一種情況下,不同規格的指示的鏈接到其他相關頁面文件可能存在PHP和JavaScript腳本。 在第二頁的書面內容。 此外,在標籤和腳本的形式。

簡單的HTML頁面

創建這種頁面的示例下面的文章中指出。 好好考慮一下。

HEAD部分

主要目的HEAD標籤 - 網頁和普通腳本的一般說明,儘管後者 - 只是一個相對的概念。 通常有重視只有兩件事情相當重要:

  • 關鍵字和網頁的描述;
  • 鏈接到其他文件(* .css和* .js文件)。

要顯示該部分的頁面內容的內容,因為它指示了一些其他的文件,對標籤和其他腳本語言CSS規則,只有間接的重要性。

HTML頁面有一個標題(title),當訪問者在哪裡打開頁面的標籤將您的鼠標所顯示。 這一點很重要,因為它使頁面更加像樣,更容易說,簽署可讀文本。

META標籤是一般的Web編程重要,但是當它需要在筆記本上,不希望混亂的冗餘結構的一個例子的HTML的頁面的創建。

鏈接鏈接和腳本鏈接時應特別注意。 首先是存在的CSS樣式表文件,第二個地方 - 的JavaScript代碼文件的位置。 這樣的鏈接可以進行設置。

如果您使用腳本應該作為一個HTML知識來處理會變得更強,你應該立即支付級聯樣式表關注。 該CSS文件,尤其是HTML標籤的註冊規則。

型材體

事實上,樣本頁面HTML - 這是身體部分。 正是在這裡,包含了所有的信息,所有的內容頁面。 所有信息以標籤和腳本,例如插入JavaScript的代碼或PHP程序的作品形式。

要認識到的HTML網頁在文本編輯器如記事本,瀏覽器和相同的例子中,例如,這是不一樣的東西是很重要的。 在第一種情況下,我們已經準備好HTML的文本中,所有的腳本執行。 例如,PHP已經完成了它的一部分,並形成,而不是在正確的地方標籤的代碼。 JavaScript的也完成了它的使命,但它仍然是一個單獨的談話。

HTML - 它標籤而不是腳本。 最終,只有在瀏覽器中顯示的頁面內容,但它的標籤。 沒有PHP代碼是不存在的。

JavaScript是在一個特殊的位置,他的照顧 - 服務的頁面,不僅在啟動時(過載),但在時刻頁面時在訪問者的瀏覽器,並研究它。

一個簡單的例子 代碼的HTML頁的 (僅BODY部分)如下所示。

訪問者的瀏覽器,它看起來如下圖所示。

在代碼中並沒有規定應該看起來帶來了瀏覽器的元素。 所有的設計是在CSS規則可見。 在這種情況下,MCSS這是引用(見。網頁中的HTML的第一個例子)/ scPhpWordRW.css文件。

不像HTML,CSS主題比較簡單,有十分便利的規則和他們的數量少,當創建的HTML頁面的例子並不需要比記事本等東西。 一切都是即時的發展十分便利:

這表明它是如何容易描述標籤scLogo_vDoc,並且該描述是,在標籤的正常狀態顯示畫面VDOC-logo.png,並且當鼠標在其上 - 顯示VDOC-徽標h.png。

的HTML描述的結構

語言不涉及進行任何概念的結構和語法在這裡是非常相對的。 有沒有變數,但也有很多的機會。 超文本的基本依據是,有一個元素(標籤),是一定有一個名稱。

的情況下的適當的名稱(標籤名)和尖括號組成(«<»+的tagName +«>»)的名稱,標籤對,如果我們正在談論的標籤的開始,和«»,如果記錄它的結束。

描述位於在下面的文本屬性HTML頁面的例子。

該標籤可以有屬性,然後它們通過空間把標籤名之後的結束尖括號之前“>”。 屬性,如果他們有標籤才剛剛開始被記錄下來。 標籤的內容是,它位於起始標籤和它的結束之間。

總的HTML內容描述

HTML允許您描述塊和內聯元素。 首先佔據了瀏覽器窗口中的某個區域可定位絕對,也就是在顯示HTML的頁面領域的正確的地方,並有特定的尺寸。

內聯元素一般出現一個線程,也就是在頁面文件指出,並在屏幕上顯示出來。 總流量的顯示可以在頁面加載發生的影響。 上放置,可見性和塊元件的其他特性可以在通過JavaScript代碼的任何時間的影響。

除了簡單的元素,HTML提供描述表和表單。 這些元素都是在非常需要“天天網站建設。”

表的說明:標記表,TR,TD

當表標籤可以用來創建一個表,指定的行數和TR的連續為多個TD細胞。 相較於組織的常規表格,由於自然的HTML標記表格組織局限於此聲明,因為如果開發者希望有一個矩形表,其中列在相同的所有行數,那麼它必須遵循自己。

HTML的原則立場:採取一切,但沒有什麼是不理解。 在某些情況下,它不是表中的每一行中的列數如此重要,但如果你要水平或垂直進行合併單元格,就必須非常仔細地計算所有。

用一個簡單的表的描述示例HTML頁的文章中,以圖形示出。

下面是示出了由三列的三列的大小的表,與第一行標記TH代替TD標記 - 的列標題。 特別是區分這兩個標籤不具備的,但也可以使用第一個表格的第一行之間進行區分,並且在CSS中TH,你可以將你自己的風格,這與其他TD的區別。

描述形式:FORM標籤,INPUT

表 - 這是HTML標籤中最需要的部分。 使用形式可以傳遞信息。 其實,頁面 - 這顯示信息,但形式 - 輸入。

實施例的HTML頁面用簡單的形式的描述:

採用的形式多得多,但主要特點如下。 您可以指定輸入字段,你需要給它們分配到用戶輸入的分析,設計和事件處理程序。 你可以指定一個隱藏字段和發送從頁面的背景信息。 您可以指定信息傳輸按鈕,按下該啟動數據傳輸過程。

使用HTML

要知道超文本語言 - 在網絡編程方面的工作分工的必要條件,但如果你想用PHP編寫或JavaScript程序,然後知道HTML + CSS需要完美。

PHP語言已經在前面的例子已經確定。 PHP運行在服務器上,因為有了這個表單的頁面從服務器飛到充滿領域的瀏覽器。 特別是,在標籤INPUT(onblur事件處理程序)中提到TestOnBlur函數,接收到的文本字段的形式的所有參數。

在瀏覽器中運行JavaScript和工作,妥善數據發送按鈕,返回到服務器,也就是設計:.的onClick =的jQuery('#為“)VAL('車'),就必須不僅知道什麼jQuery的,但什麼q若要,纈氨酸,購物車。 更確切地說,它是需要知道基本的HTML標籤,並應用到他們的CSS樣式的一般規則。

這足以迅速提高的任何專業資格的互聯網編程的區域。

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 zhtw.birmiss.com. Theme powered by WordPress.