HTML解釋：
HTML是英文Hyper Text Mark-up Language(超文本標記語言)的縮寫，他是一種制作萬維網頁面標準語言（標記），相當于定義統一的規則（W3C），大家都來遵守他，這樣就可以讓瀏覽器根據標記語言的規則去解釋它，
瀏覽器負責將標簽翻譯成用戶“看得懂”的格式，呈現給用戶！
網頁的組成：
一個網頁一般由兩部分組成即：
- HTML（Hypertext Markup Language）
- 和CSS（Cascade Style Sheets）
HTML負責描述網頁的結構和內容（如標題，導航欄等） CSS則負責網頁的表現（外觀）（如背景顏色，字體樣式等），
<head>和</head>之間的內容，是元資訊和網站的標題 元資訊一般是不顯示出來的,但是記錄了你這個HTML檔案的很多有用的資訊
<body>和</body>之間的內容，是瀏覽器呈現出來的，用戶看到的頁面效果，也就是說這里是網頁的主體，也就是body的身體之意
<html></html>是說明這個是一個網頁，告訴瀏覽器這個網頁的開始和結束，他包含了之后的兩個元素，<head>和</head>|<body>和</body>
檔案結構如下：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 </head> 7 <body> 8 9 </body> 10 </html>
以下是各個內容的詳細說明
一、DOCTYPE部分 ---<!DOCTYPE html>
HTML語言需要一個標準，當我們在第一行指定了<!DOCTYPE html>的時候，當瀏覽器去訪問我們的代碼的時候就就按照HTML代碼里指定的標準去讀取和渲染給我們展現的頁面，
二、head部分
1、Meta(metadata information)
提供有關頁面的元資訊，例：頁面編碼、重繪、跳轉、針對搜索引擎和更新頻度的描述和關鍵詞
1.1、定義編碼格式
<meta charset="UTF-8"> #定義編碼為utf-8
1.2、重繪和跳轉頁面
<meta http-equiv="refresh" content="2"> #2秒重繪
<meta http-equiv="refresh" content="1;Url=http://www.baidu.com/"/> #1秒跳轉到百度首頁
1.3、關鍵字
關鍵字的作用：一般是讓爬蟲之類的收錄程式，當他們在爬你的網站的時候，如果你有關鍵字，那么他們會優先把關鍵字收錄到他們的記錄中，比如百度：如果他們收錄之后，他們搜索你的關鍵字的時候，就能找到百度的網站，
<meta name="keywords" content="前端,html,網頁">
1.4、描述
例如博客園的描述如下：
<meta name="description" content="博客園是一個面向開發者的知識分享社區，自創建以來，博客園一直致力并專注于為開發者打造一個純凈的技術交流社區，推動并幫助開發者通過互聯網分享知識，從而讓更多開發者從中受益，博客園的使命是幫助開發者用代碼改變世界，">
1.5、設定網頁title資訊
<title>這是做的第一個網頁</title>
圖示：
1.6、設定網頁圖示Link
<link rel="icon" href="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" type="image/x-icon"/>
圖示：
1.7、匯入CSS類似python中匯入模塊類似
<link rel="stylesheet" href="css/css_model.css">
1.8、style
1、在當前檔案中寫Css樣式
2、在其他檔案中寫Css樣式類似python的模塊匯入的方式把Css樣式匯入到當前檔案中使用
1.9、script
1、在當前檔案中寫JS
2、在其他檔案中寫JS類似python的模塊匯入的方式把JS匯入到當前檔案中使用
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/108261.html
標籤：Html/Css
上一篇：給博客加了個音樂播放器
下一篇：對于flex布局的使用心得