1. 程式人生 > 其它 >HTML+CSS學習進度第一天

HTML+CSS學習進度第一天

今日是學習HTML+CSS的第一天,通過b站上黑馬程式設計師學習,以下是今日學習筆記:

1.標籤關係:
雙標籤關係可以分為兩類:包換關係和並列關係。
包含關係:<head>
<title></title>
<head>
並列關係:<head></head>
<body></body>

2.基本結構標籤:
<html></html> HTML標籤 頁面中最大的標籤,我們稱為根標籤。
<head></head> 文件的頭部 注意在head標籤中我們必須要設定的標籤是title。
<title></title> 文件的標題 讓頁面擁有一個屬於自己的網頁標題。
<body></body> 文件的主題 元素包含文件的所有內容,頁面內容基本都是放到body裡面的。

3.<!DOCTYPE>
文件型別宣告,作用是告訴瀏覽器使用哪種HTML版本來顯示網頁。
<!DOCTYPE html> //宣告位於文件中的最前面的位置,處於<html>標籤之前。
這程式碼的意思是:當前頁面採取的是HTML5版本來顯示頁面。

4.lang語言種類
用來定義當前文件顯示的語言。
1.en定義語言為英語
2.zh-CN定義語言為中文
例如:<html lang="zh-CN">

5. <meta charset="UTF-8">
採取UTF-8來儲存文字,如果不寫就會亂碼。 //寫在<head> </head>中包含關係//

6.標題標籤<h1>-<h6>
h為head的縮寫,意為頭部、標題。
標籤語義:作為標題使用,並且依據重要性遞減。
特點:
1.加了標籤的文字會變得加粗,字號也會依次減小(h1-h6)。
2.一個標題獨佔一行。

7.段落標籤
<p>我是一個段落標籤</p>
單詞paragraph的縮寫,意為段落
標籤語義:可以把HTML文件分割為若干個段落。
特點:
1.文字在一個段落中會根據瀏覽器視窗的大小自動換行。
2.段落和段落之間保有空隙。

8.換行標籤
<br> or <br />
單詞break的縮寫,意為打斷、換行。
標籤語義:強制換行。
特點:
1.<br />是一個單標籤。
2.<br />標籤只是簡單的開始新的一行,跟段落不一樣,段落之間會插入一些垂直的間距。