TA貢獻1887條經(jīng)驗 獲得超5個贊
HTML、 CSS、 JavaScript三者的關系網(wǎng)頁主要由三部分組成： 結構（ Structure） 、 表現(xiàn)（ Presentation） 和行為（ Behavior）HTML —— 結構， 決定網(wǎng)頁的結構和內容（ “是什么”）CSS —— 表現(xiàn)（ 樣式） ， 設定網(wǎng)頁的表現(xiàn)樣式（ “什么樣子”）JavaScript（ JS） —— 行為， 控制網(wǎng)頁的行為（ “做什么”）
一、 HTML語言1.1什么是HTML語言（ HTML概述）英文全稱： Hyper Text Markup Language中文全稱： 超文本標記語言HTML 語言是制作網(wǎng)頁的最基本語言， 并且只能通過web瀏覽器顯示出來。Hyper（ 超） ：用HTML制作的網(wǎng)頁可以通過其中的鏈接從一個網(wǎng)頁“跳轉”至另一個網(wǎng)頁。Text（ 文本） ：HTML是一種文本解釋性的程序語言， 即它的源代碼將不經(jīng)過編譯而直接在瀏覽器中運行時被“翻譯”。Markup（ 標記） ：HTML的基本規(guī)則就是用“標記語言” ---- 成對尖括號組成的標簽元素來描述網(wǎng)頁內容是如何在瀏覽器中顯示的。1.2 HTML文檔結構HTML文檔一般由兩部分組成：1. 文檔所要表達的內容信息（ 文字、 圖片等） ；2. 一系列的HTML標簽；1.3 HTML標簽1.3.1 什么是HTML標簽1. HTML標簽是用 <> 所括住的指令， 主要分為：單標簽： <起始標簽/>雙標簽： <起始標簽></結束標簽>例如：<br/><div></div>2. 通常使用的是雙標簽。 有一個起始標簽就對應有一個結束標簽。 標簽內容寫在起始標簽和結束標簽之間。<div>標簽內容</div>3. 在元素的起始標簽中， 還可以包含“屬性”來設置元素的其他特性。 一個標簽可以有多個屬性,每個屬性之間用空格隔開。<div 屬性名="屬性值"></div>例如：<div class="wrap" id="wrap"></div>4. 每一對雙標簽之間可以嵌套， 但不能交叉。正確示例：<div><p></p></div>錯誤示例：<div><p></div></p>1.4 編碼器1.4.1 WebStorm源碼主體標簽含義<!DOCTYPE> ：是一個聲明不是 HTML 標簽； 它是用來告訴 web 瀏覽器要使用哪個 HTML 版本來對頁面進行編寫。<html>：<html>是文檔標識符， 它是成對出現(xiàn)的， 首標簽<html>和尾標簽</html>分別位于 HTML 文檔的最前面和最后面， 明確地表示文檔是以超文本標識語言（ html)編寫的。 該標簽不帶有任何的屬性。<head>：<head>標簽用于定義文檔的頭部， 它是所有頭部元素的容器。 <head> 中的元素可以引用腳本、 指示瀏覽器在哪里找到樣式表、 提供元信息等等。<meta>：<meta>標簽位于文檔的頭部， 用于定義文件信息， 對網(wǎng)頁文件進行說明。 其中name屬性主要用于描述網(wǎng)頁， 與之對應的屬性值為content， content中的內容主要是便于搜索引擎機器人查找信息和分類信息用的。<body>：<body>標簽用于定義文檔的主體， 即在瀏覽器上看到的網(wǎng)頁內容。
舉報