HTML解釋: HTML是英文Hyper Text Mark-up Language(超文本標記語言)的縮寫,他是一種製作萬維網頁面標準語言(標記)。相當於定義統一的規則(W3C),大家都來遵守他,這樣就可以讓瀏覽器根據標記語言的規則去解釋它。 瀏覽器負責將標簽翻譯成用戶“看得懂”的格式,呈現給用戶 ...
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導入到當前文件中使用