計算機, 程序設計
HTML:對初學者入門
HTML - 這已使互聯網作為我們熟悉和喜愛的超文本標記語言。 正是由於這個奇妙的工具網站看起來漂亮和現代化,並提供其使用的便利性。 HTML是簡單地組裝一個網頁的用戶友好的選項的元素。 他的作品相媲美的做事實 的文本編輯器 如MS Word或OpenOffice。 他們把字母不露面的質量有段落,粗體字,斜體,表格,甚至是圖像文件內。 大致相同的事情讓HTML,與作為它的文檔顯示在瀏覽器中,並且該工具的可能性比文本編輯器更廣泛的唯一區別。 用於標記的標籤 - 描述網頁結構的特殊命令。 他們尖括號 - <標籤>,瀏覽器可以從文本的總質量區分它們。 接下來我們就來看看HTML的初學者的基本知識。
可視化編輯器
初學者只鋪平了HTML的學習方式,往往開始他們與程序的工作沒有任何知識來創建網站。 他們可以直接在屏幕上放置的物品,因為它們將出現在瀏覽器。 這似乎是,在這裡它是 - 永遠的恩典之源,允許擺脫大多數的Web開發人員。 但並非如此簡單,因為可視化編輯器有許多不足之處,使其不可能在嚴重的項目中使用它們。
這些項目創造了很多,使頁面的最終版本繁瑣和次優不必要的標籤。 當然,在這個年齡段的高速互聯網它是那麼重要比以往,但也有許多原因簡潔而精心編寫的網站是一個比其對應,在可視化編輯器創建更加實用。 在這樣一個方案的網頁會被搜索引擎作為代碼和繁瑣和不合理代碼每千字節一束語義錯誤重要的是他們遭到不良待遇很難有他們的口味。 此外,編輯往往落後於時代,變得無關緊要,並花費大量資源對他們的發展是不切實際的,因為沒有專業就不會使用這些產品。 因此,誰想要在創建網站的工作,應該知道HTML的基礎知識。
標籤
正如上面提到的,標籤網頁瀏覽器頁面的結構。 他們大多有開始和結束標記,但不是全部。 例如,
還有一個標籤,這並不需要關閉。 在他們這是內部的,以及屬性。 屬性可以建立對大多數HTML標籤,並設置元素的屬性。 它在開放標籤指定如下:屬性=“...”,在那裡,而不是點是屬性值。 標籤的知識是HTML發展的第一步,也是最重要的一步。 這種藝術的基本知識也意味著網頁結構的理解。
文檔結構
每個HTML文件具有相應的擴展名,例如,的index.html。 所以,瀏覽器就可以明白他要做的,並正確顯示的頁面。 所有用於創建站點的文件,最好是保持在未來將大大緩解您的生活在同一目錄下。 超文本標記語言HTML的基礎涉及文檔的結構有清晰的認識。 它開始與標籤<!DOCTYPE HTML>,講述HTML,這是本文檔中使用的瀏覽器版本。 目前,語言的局部第五個版本,所以沒有必要去創造什麼,我們可以安全地插入上述標籤的任何頁面的頂部。
然後進入主配對的結構,構成該網站的“骨架”。 其中第一標籤把所有的休息 - ... HTML>。 所有這一切都是超越,不是由瀏覽器作為網頁的認可,所以,它打開和關閉文件。 這個標籤需要的任何文件。 它還包含幾個強制性標籤,這將在下面討論。
頭
內部標記
... head>中包含的技術性,這將不會在頁面上顯示出來,但是,儘管如此,是HTML文檔的一個重要組成部分的信息。 在這個地方放置網站的通知,被選中並導入頁面名稱的編碼。 它包含強制性標籤<標題> ... TITLE>內。 它顯示的名字在你的瀏覽器,在這裡你還可以將一個小圖標的頁面內容的頂部。 明智的做法是立即指定其正確顯示文檔編碼。 這可以用標籤<元的charset =“UTF-8”/>來進行。 網頁上的元數據提供結構和通常位於頭部內。鏈接
HTML的基本知識也涉及使用層疊樣式,或CSS。 他們設置將在頁面上顯示的元素的屬性。 現代的辦法處理這一問題涉及的一些特徵如顏色,高度和項目的位置的徵收,以更加方便的外部文件。 要連接的CSS文件使用標籤<鏈路/>。 在成品形式,它看起來像這樣:<鏈路HREF = HTTP://站點/article/250376/%E2%80%9Dstyle.css%E2%80%9D類型=“文本/ CSS”/>,這表明HREF在該文件,類型的位置 - 其類型。
體
它是由頁面的可見部分創建的HTML文檔的這一部分。 所有這一切都在“身體”內完成的將被瀏覽器顯示出來。 在
- <跨度> - 用於提取的子字符串,將被分配給一個特定的風格,在CSS中所述;
- - 創建一個Web頁面上的鏈接; 跳躍地址被指定屬性的href;
- - 現代最流行的標籤之一; 任何人誰決定學習語言HTMLl的基礎知識應特別注意它,因為它是塊元素,這就是今天的網站(塊參數在CSS設置等單位可以放在這個標籤內)的最大份額的基礎上作出的;
- 選擇文本的段落; 該段的內容位於開始和結束標記之間;
- <01> - 編號列表,其中的元素是作為標記對
- ;
- - 項目符號列表, 其中,以及在編號的元件由標籤表示的
- ;
-
-
- 文件報頭(圖中表示的報頭,即,
的水平 - 主標題,和隨後的變化是其字幕,順便說一下,標題
,
是幾乎不可能找到在互聯網上的開放空間的水平)同樣重要的是要記住,一個頁面只能有一個報頭
;
- 的 - 粗體文本;
- - 斜體;
-
- 插入網頁(它是一個標記,它並不需要關閉,但它需要指定alt屬性,它指定用於圖像的文字)上的圖片; - <視頻> - 插入網頁上的視頻;
- <音頻> - 標籤被插入到音頻文件中的文件。
這還不是全部必要創建自己的網頁的標籤,但它們足以奠定HTML的基礎,適合初學者。
CSS
HTML語言的發展導致了一個事實,即每個標籤obzavolsya權重屬性,並為Web頁面的外觀要求意味著大幅增加。 代碼已經成為麻煩和不便,這是很難讀它,更不用說去適應或改變。 此外,再有出汗,如果你的網站十頁,上了不少頭條,標誌著綠色變為每手,你突然想讓他們的紅色。 隨著層疊樣式表的問世,這一過程變得簡單和邏輯,以及HTML代碼變得更具可讀性。
應用CSS
要創建網頁,你必須知道HTML和CSS的基礎知識,所以它現在是沒有級聯樣式表的知識,在這方面做的是什麼。 他們為每個元素的屬性,它適用於整個文檔。 因此,可以為所有
元素或設置顏色一次,僅寫入一個規則。 鑑於網頁的外觀目前的要求,採用層疊樣式表是必須的。
為了CSS文件連接到文檔,有一個標籤鏈接。 略高於其描述它的使用原則,但不是所有樣式在一個地方相結合的唯一選擇。 這裡是位於該文件的“頭”,讓您無需使用CSS文件註冊樣式標記<風格>。 不一定使用任何一種方法或另一種。 他們可以成功地組合,以產生最好的結果。 要創建樣式表文件需要創建一個文件擴展名的.css,例如,Styles.css文件。
JavaScript的
往往誰已經決定開始開發Web頁面的人,認識到他的任務是不夠的由HTML提供的資金。 基本面將創建一個頁面美觀,但如果你突然需要使它互動? 為了這些目的,有一個獨特的場景編程語言與HTML交互得很好。 這就是所謂的JavaScript,因為它被認為是流行的Java語言的一個弟弟。 如今,這些語言已經有顯著的差異,以及它們之間的差距只生長。
JavaScript可以授權HTML,它允許你創建和編輯標籤。 另外隨著這個奇妙的工具的幫助下,你可以用Cokie工作,從服務器下載數據,而無需重新加載頁面,使網站更具互動性不是讓HTML功能。 它具有語言和與安全相關的限制。 如果JavaScript不是在服務器端使用,它將在限制其能力的條件下進行,使攻擊者可以在任何電腦上使用惡意代碼。
編者
對於初學者HTML基本假設是最方便和實用程序的知識,網頁製作。 如上所述,視覺編輯如Dreamweaver等,不適合於這些目的。 所以,寫標籤在正常的筆記本嗎? 這個選項也值得懷疑,因為一個標準的筆記本電腦沒有任何特殊的工具進行佈局。 這個任務很可能應付記事本++。 這款產品的一大優點是,它是開源的,並免費發放。 在這裡面有一個方便的語法高亮和自動關閉標籤。 記事本+ +還提供了多種界面語言,並能夠很容易地與眾多新增的幫助擴展能力。
崇高的文本3 - 類似記事本++程序,但傳播的費用的基礎上。 她贏得了大部分開發商的心。 崇高的文本3理想的JavaScript,CSS和HTML。 與之合作的基礎必須學會靠自己,但它是值得的。 它包含了微調,最大限度地調整方案,以滿足您的需求,真正無限的可能性。
HTML的基礎知識,並為初學者CSS
正如你所看到的,學習網頁製作的藝術也不是那麼困難,因為它乍看起來。 短短幾個月實踐培訓會變成你從一個膽小的初級用戶開發。 Vorstke學習比學習任何編程語言或Linux容易得多。 事實上,HTML標籤不那麼了解自己的應用程序的實際問題重要得多。
不要在這個行業不對勁是在Adobe Photoshop的工作技能。 這個程序允許你用照片,圖像和網頁的其他圖形元素的工作。 目前,它“的Photoshop”是最好的應對這樣的問題,競爭對手有一點點。 對於那些誰是公司的Adobe產品來不是自己的喜好,有Lightroom中,GIMP,Illustrator和具有類似功能的其他程序。
這讓HTML知識
在網頁製作技能今天是非常相關的,隨著互聯網的突飛猛進擴大。 每一個企業,任何,哪怕是最小的車間,車間和體育俱樂部 - 都希望有自己的網站。 當然,對於這個他們需要誰擁有CSS和HTML的開發人員。 基礎簡單易學,然後就看實踐。 由於佈局技術在不斷發展,前端開發人員總是受歡迎的。 任何人誰決定投身到這一激動人心的行業,絕不會沒有工作。
Similar articles
Trending Now