html-前端內容初識

時間 2019-11-09

標籤 html 前端內容欄目 HTML 简体版

原文原文鏈接

HTML解釋：css

HTML是英文Hyper Text Mark-up Language(超文本標記語言)的縮寫，他是一種製做萬維網頁面標準語言（標記）。至關於定義統一的規則（W3C），你們都來遵照他，這樣就可讓瀏覽器根據標記語言的規則去解釋它。html

瀏覽器負責將標籤翻譯成用戶「看得懂」的格式，呈現給用戶！前端

網頁的組成：python

一個網頁通常由兩部分組成即：瀏覽器

HTML（Hypertext Markup Language）
和CSS（Cascade Style Sheets）

HTML負責描述網頁的結構和內容（如標題，導航欄等） CSS則負責網頁的表現（外觀）（如背景顏色，字體樣式等）。字體

<head>和</head>之間的內容，是元信息和網站的標題元信息通常是不顯示出來的,可是記錄了你這個HTML文件的不少有用的信息
<body>和</body>之間的內容，是瀏覽器呈現出來的，用戶看到的頁面效果。也就是說這裏是網頁的主體。也就是body的身體之意
<html></html>是說明這個是一個網頁。告訴瀏覽器這個網頁的開始和結束。他包含了以後的兩個元素。<head>和</head>|<body>和</body>網站

文檔結構以下：ui

 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>

如下是各個內容的詳細說明搜索引擎

1、DOCTYPE部分 ---<!DOCTYPE html>編碼

HTML語言須要一個標準，當咱們在第一行指定了<!DOCTYPE html>的時候，當瀏覽器去訪問咱們的代碼的時候就就按照HTML代碼裏指定的標準去讀取和渲染給咱們展示的頁面。

2、head部分

一、Meta(metadata information)

提供有關頁面的元信息，例：頁面編碼、刷新、跳轉、針對搜索引擎和更新頻度的描述和關鍵詞

1.一、定義編碼格式

<meta charset="UTF-8">  #定義編碼爲utf-8

1.二、刷新和跳轉頁面

<meta http-equiv="refresh" content="2">  #2秒刷新

<meta http-equiv="refresh" content="1;Url=http://www.baidu.com/"/> #1秒跳轉到百度首頁

1.三、關鍵字

關鍵字的做用：通常是讓爬蟲之類的收錄程序，當他們在爬你的網站的時候，若是你有關鍵字，那麼他們會優先把關鍵字收錄到他們的記錄中，好比百度：若是他們收錄以後，他們搜索你的關鍵字的時候，就能找到百度的網站。

<meta name="keywords" content="前端,html,網頁">

1.四、描述

例如博客園的描述以下：

<meta name="description" content="博客園是一個面向開發者的知識分享社區。自建立以來，博客園一直致力並專一於爲開發者打造一個純淨的技術交流社區，推進並幫助開發者經過互聯網分享知識，從而讓更多開發者從中受益。博客園的使命是幫助開發者用代碼改變世界。">

1.五、設置網頁title信息

    <title>這是作的第一個網頁</title>

圖示：

1.六、設置網頁圖標Link

<link rel="icon" href="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" type="image/x-icon"/>

圖示：

1.七、導入CSS相似python中導入模塊相似

<link rel="stylesheet" href="css/css_model.css">

1.八、style

　　一、在當前文件中寫Css樣式

　　二、在其餘文件中寫Css樣式相似python的模塊導入的方式把Css樣式導入到當前文件中使用

1.九、script

　　一、在當前文件中寫JS

　　二、在其餘文件中寫JS相似python的模塊導入的方式把JS導入到當前文件中使用

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。