HTML+CSS基礎學習筆記（1）

標籤：

一、瞭解HTML、CSS、JS

1、HTML是網頁內容的載體。

內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊，可以包含文字、圖片、視頻等。

2、CSS樣式是表現。

用來改變內容外觀的東西稱之為表現，如標題字型、顏色變化等，就像網頁的外衣。

3、JavaScript是用來實現網頁上的特效效果。

動畫的、有互動的。如滑鼠滑過彈出下拉式功能表、滑鼠滑過背景顏色改變、新聞圖片的輪換等。

二、html檔案基本結構

<html>

　　　　<head>.....</head>

　　　　<body>.....</body>

</html>

代碼講解：

1、<html></html>根標籤，所有網頁標籤都包含其中。

2、<head></head>定義文檔頭部標籤，包含<title>、<script>、<style>、<link>、<meta>等所有頭部元素的內容。

3、<body></body>包含網頁內容標籤，如<h1>、<p>、<a>、<img>等網頁內容標籤。

三、head標籤

<head>

　　　 <title>.....</title>

　　　 <meta>

　　　 <limk>

　　　 <style>.....</style>

　　　 <script>.....</script>

</head>

代碼講解：

<title>標籤：在<title></title>標籤之間的文字內容是網頁的標題資訊，顯示於瀏覽器標題列，用於告訴使用者和搜尋引擎這個網頁的主要內容，每個網頁的內容都不同，每個網頁都應有一個獨一無二的title。

四、<span>標籤

<html>

   <head>

　　<style>

　　span{color:blue}

　　</style>

   </head>

   <body>

　　<span>此處文字將會顯示為藍色</span>

   </body>

</html>

五、注意

HTML標籤不區分大小寫，但是建議小寫。

HTML+CSS基礎學習筆記（1）