前端新手小白HTML&CSS學習筆記一

時間 2020-04-29

標籤前端新手 html&css html css 學習筆記欄目 CSS 简体版

原文原文鏈接

文檔結構

<!DOCTYPE html>:文檔類型聲明，表示該文件爲 HTML5文件。<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位於 <html> 標籤以前html
<html></html>標籤對：<html>標籤位於HTML文檔的最前面，用來標識HTML文檔的開始；</html>標籤位於HTML文檔的最後面，用來標識HTML 文檔的結束；這兩個標籤對成對存在，中間的部分是文檔的頭部和主題。瀏覽器

3.<head></head>標籤對：標籤包含有關HTML文檔的信息，能夠包含一些輔助性標籤。如<title></title>，<link /><meta/>，<style></style>，<script></script>等，可是瀏覽器除了會在標題欄顯示<title>元素的內容外，不會向用戶顯示head元素內的其餘任何內容。搜索引擎

4.<body></body>標籤對：它是HTML文檔的主體部分，在此標籤中能夠包含<p><h1><br>等衆多標籤，<body>標籤出如今</head>標籤以後，且必須在閉標籤</html>以前閉合。編碼

head 標籤

一、head標籤爲雙標籤，有尾標籤，<head></head>。spa

二、head標籤表示頭部標籤,一般用來嵌套meta、title、style等標籤。三、<title>標籤：在<title>和</title>標籤之間的文字內容是網頁的標題信息，它會出如今瀏覽器的標題欄中。網頁的title標籤用於告訴用戶和搜索引擎這個網頁的主要內容是什麼，搜索引擎能夠經過網頁標題，迅速的判斷出網頁的主題。每一個網頁的內容都是不一樣的，每一個網頁都應該有一個獨一無二的title。code

四、<meta charset="UTF-8">設置當前文件字符編碼。cdn

五、style標籤：雙標籤中設置當前文件樣式。htm

六、<span>標籤是沒有語義的，做用就是爲了設置單獨的樣式，用來強調突出。blog

七、 :便於他人讀懂代碼。索引

八、ul-li是沒有先後順序的信息列表，ul-li在網頁中顯示的默認樣式通常爲：每項li前都自帶一個圓點。