網頁基礎（一） 組成
文章目錄
- HTML
- CSS
- JavaScript
一、HTML
1作用
HTML 是用來描述網頁的一種語言。
- HTML 指的是超文本標記語言 (Hyper Text Markup Language)
- HTML 不是一種編程語言，而是一種標記語言 (markup language)
- 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
<html>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
2HTML 標籤
HTML 標記標籤通常被稱爲 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞，比如
- HTML 標籤通常是成對出現的，比如 和
- 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
- 開始和結束標籤也被稱爲開放標籤和閉合標籤
標籤舉例
圖片用 img 標籤表示，CSDN發佈博客插入圖片時就有
視頻用 video 標籤表示
段落用 p 標籤表示
它們之間的佈局又常通過佈局標籤 div 嵌套組合而成
3 HTML 文檔 = 網頁
- HTML 文檔描述網頁
- HTML 文檔包含 HTML 標籤和純文本
- HTML 文檔也被稱爲網頁
Web 瀏覽器的作用是讀取 HTML 文檔，並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤，而是使用標籤來解釋頁面的內容
所謂渲染，是不是網頁解析的過程呢？？？
二、CSS
1 作用 定義了網頁的結構
css，全稱叫作 Cascading Style Sheets，即層疊樣式表
“層疊”：
是指當在 HTML 中引用了數個樣 式文件，並且樣式發生衝突時，瀏覽器能依據層疊順序處理。
“樣式”
指網頁中文字大小、 顏色、元 素間距、排列等格式。
2 CSS舉例：
head_wrapper.s-ps-islite .s-p-top {
position: absolute;
bottom: 40px;
width: 100%;
height: 181px;
}
大括號前面是一個 css 選擇器。 此選擇器的意思是首先選中 id 爲 head_wrapper 且 class 爲 s-ps-islite 的節點，然後再選中其內部的 class 爲 s-p-top 的節點。 大括號內部寫的就是 一條條樣式規則，例如 position 指定了這個元素的佈局方式爲絕對佈局， bottom 指定元素的下邊距爲 40 像素， width 指定了寬度爲 100%佔滿父元素， height 則指定了元素的高度。 也就是說，我們將位 置、 寬度、高度等樣式配置統一寫成這樣的形式，然後用大括號括起來，接着在開頭再加上 css 選擇 器，這就代表這個樣式對 css 選擇器選中的元素生效，元素就會根據此樣式來展示了。
3 使用方法： link標籤
在網頁中，一般會統一定義整個網頁的樣式規則，並寫人 css 文件中（其後綴爲 css ）。 在 HTML 中，只需要用 link 標籤即可引人寫好的 css 文件**，這樣整個頁面就會變得美觀、 優雅
三、JavaScript
1 作用
它的出現使得用戶與信息之間不只是一種瀏覽與顯示的關係，而是實 現了一種實時、動態、交互的頁面功能
2.對比HTML CSS
HTML 和 css 配合使用， 提供給用戶的只是一種靜態信 息，缺乏交互性。
JavaScript在網頁裏可能會看到一些交互和動畫效果，如下載進度條、提示框、 輪播圖等
3 使用方法：script標籤
以單獨的文件形式加載的，後綴爲 js，在 HTML 中通過 script 標籤即可引人，
由於插入例子後 ，，，JavaScript被網頁解析了，不能顯示出來，所以我刪除了個s
<cript src: "j query-2 .1. o. j s" ><I script>
四、網頁組成總結
HTML 定義了網頁的內容和結構，
css 描述了網頁的佈局，
JavaScript 定義了網頁的 行爲。