1. 程式人生 > >HTML學習筆記(一)———基本結構

HTML學習筆記(一)———基本結構

一.html文件結構

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  <!--文件型別宣告-->
<html>             <!--html文件開始-->
<head>
<title>基本結構</title>  <!--文件標題-->
<meta http-equiv="content-type" content="text/html; charset=UTF-8">  <!--宣告字元編碼-->
<link rel="stylesheet"
type="text/css" href="style/all.css">
</head> <body> <a href ="http://www.baidu.com">百度</a>  <!--超連結元素--> </body> </html>

二.文件結構解析

1.DOCTYPE(Document Type)
   位於文件中最前面的位置,在html標籤之前,告知瀏覽器使用那種HTML或XHTML規範,HTML5不需要。
 DTD(Document Type Definition)
         DTD宣告以開始,不區分大小寫,前面無任何內容。

公共DTD,名稱格式為註冊//組織//型別//標籤//語言
           註冊:指是否由國際標準化組織(ISO)註冊,+表示是,-表示不是
           組織:即名稱
           型別:一般是DTD
           標籤:指定公開文字描述
           語言:EN表示英文,ZH表示中文

HTML1.0 可宣告三種DTD型別,分別是嚴格版本strict,過渡版本transitional,基於框架的HTML文件Frameset
strict 編碼獨立於任何定義外觀的標記語言,使用CSS控制外觀,使得XHTML strict能夠靈活於不同裝置上顯示。
transitional 允許使用標籤來控制外觀
HTML 4.01 strict
<!DOCTYPE HTML PUBLIC" - //W3C//DTD HTML 4.01 //EN">
  
HTML 4.01 transitional
<!DOCTYPE HTML PUBLIC" - //W3C//DTD HTML 4.01 Transitional//EN">

2.html元素
元素即標籤。html是文件開始和結尾的元素,它是一個雙標籤。頭尾呼應,包含內容。

<html lang="zh-cn">  <!--文件採用語言為:簡體中文-->

3.head元素
用來包含元資料內容,元資料包括<link>,<meta>,<noscript>,<script>,<style>,<title>
這些內容用來瀏覽器提供資訊,比如link提供css資訊,script提供JavaScript資訊,title提供頁面標題等。這些資訊在頁面不可見。
4.meta元素
這個元素用來提供關於文件的資訊,起始結構有一個屬性為:charset=“utf-8”表示告訴瀏覽器採用什麼編碼。

<mata charset = "utf-8">

5.title元素
瀏覽器左上角的標題。
6.body 元素
用來包含文件內容的元素,也就是瀏覽器可見區域部分,所有的可見內容都在這個元素內部新增。

相關推薦

HTML學習筆記———基本結構

一.html文件結構 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">  <!--文件型別宣告--> <html>

JVM學習筆記------基本結構

從Java平臺的邏輯結構上來看,我們可以從下圖來了解JVM: 從上圖能清晰看到Java平臺包含的各個邏輯模組,也能瞭解到JDK與JRE的區別 對於JVM自身的物理結構,我們可以從下圖鳥瞰一下: 對於JVM的學習,在我看來這麼幾個部分最重要: Java程式碼編譯和執行的整個

RabbitMQ學習筆記-----------------基本概念知識

                         

HTML學習筆記

HyperText Markup Language(使用標籤來描述頁面的內容和結構) HTML5設計思想: 相容已有內容 避免不必要的複雜性 解決現實的問題 優雅降級(新出標籤瀏覽器不支援,可通過嵌入HTML標籤進行解析,忽略不支援標籤) 尊重實施標準 使用者》開發者》瀏覽器廠商》標準

Android-Universal-Image-Loader 學習筆記 基本配置與使用

package com.nostra13.universalimageloader.core; import android.content.Context; import android.content.res.Resources; import android.util.DisplayMetrics;

Unity學習筆記——基本概念之場景Scene

場景,顧名思義就是我們在遊戲中所看到的物品、建築、人物、背景、聲音、特效等,基本上和我們玩遊戲時所看到的遊戲“場景”是同一個概念。 Unity 3D中,“場景”是一個檢視,我們通過“場景”這個檢視,來編輯、佈置遊戲中玩家所能見到的影象和聲音。 安裝完並執行Unity 3D,

STM32學習筆記基本瞭解、晶片內部資源與外觀說明

什麼是STM32?新的基於ARM核心的32位MCU系列    核心為ARM公司為要求高效能、低成本、低功 耗的嵌入式應用專門設計的Cortex-M核心標準的ARM架構優點超前的體系結構極高的效能: 主流的Cortex核心。豐富合理的外設,合理的功耗,合理的價格。強大的軟體支援

Redis學習筆記基本命令和資料型別

MacOs環境 Redis基本命令 啟動服務:redis-server 連線服務:redis-cli -h 指定主機/IP -p 指定埠 -a 指定密碼 關閉服務:先shutdown 儲存資料並關閉服務;再quit 退出服務 獲取伺服器資訊 啟動並連線服務之後,執行info 或直接在shell中執

java學習筆記程式基本結構

Java程式設計的基本結構 1.一個簡單的Java應用程式(要十分注意java的大小寫) 關鍵字class表明Java的全部程式都在類中(這裡有一個對於類的有意思定義:將類看做是載入程式邏輯的容器,程式邏輯定義了應用程式的行為) *********************

Python學習筆記程式基本結構

程式基本結構 程式流程圖:圖形,流程線,文字說明 流程圖的基本元素:表示相應操作的框,帶箭頭的線,框內外必要的文字說明 三種程式設計的基本結構:順序結構,選擇結構(單選擇

【Flask】Flask學習筆記 應用基本結構

route windows 數字 browser 基本結構 主程序 web瀏覽器 ive app 初始化 使用前必須創建一個應用實例 from flask import Flask app = Flask(__name__)    路由和視

LTE學習筆記---LTE基本流程1 LTE簡要流程

UE關機 UE開機 頻率搜尋 時間同步 小區搜尋 小區選擇 MIB解碼 SIB解碼 初始RACH 註冊/鑑權/附著 預設EPC承載建立 UE處於IDLE狀態 小區重選(如果當前小區訊號變差或UE轉移到另一小區區域) RACH過程(若有尋呼訊息到來或使用

學習筆記HTML基礎

HTML 基礎 HTML 簡介 HTML (Hyper textmarkup language) 中文譯名為”超文字標記語言”,主要是通過 HTML 標記對網頁中的文字、圖片、聲音等內容進行描述。 HTML 提供了許多標記,如段落標記,標題標記,超連結標記,圖片標記等,網頁中需要定義什麼內容,就用相應的

Servlet學習筆記之Servlet原理、初始化、生命週期、結構體系

Servlet是用java語言編寫的應用到Web伺服器端的擴充套件技術,與java物件的區別是,Servlet物件主要封裝了對HTTP請求的處理,並且它的執行需要Servlet容器的支援(以下會介紹原因,也可以看之前的一篇介紹Servlet容器的部落格,(http://blog.csdn.net/megust

《資料結構與演算法 python語言描述》學習筆記————緒論

第一部分:學習內容概要 程式開發過程 問題求解 演算法和演算法分析 資料結構 第二部分:學習筆記 程式開發過程   框架圖 分析,嚴格化——設計——編碼——檢查,翻譯——測試/除錯   牛頓迭代法      0.對給定正實數x和允許誤差e,令變數y取

OpenCV學習筆記環境配置、影象基本操作、Mat物件

     終於,在國慶假期結束後開始上手OpenCV,一直嚮往著學習影象處理,上手OpenCV後越發覺得影象處理的有趣,確實OpenCV對於培養學習影象處理的興趣以及作為深究演算法的開始無疑是適合的。      我所使用的環境是Win10+OpenCV3.4.3+VS201

OpenCV學習筆記之常用基本資料型別

引言 就像C、C++等語言一樣,OpenCV作為一個開源庫,為了便捷及良好的封裝性,它也有很多自己定義的資料型別,這些型別在很多地方都有用到。學習OpenCV首先就需要對它的基本資料型別有個大概的瞭解,這樣在之後開始正式專案時就算遇到各種各樣複雜的資料型別也好回頭再來查詢。 CvPo

Node.js學習筆記——完整的響應html頁面包括css,js檔案

Node.js學習筆記(一)——完整的響應html頁面(包括css,js檔案) 新手學習部落格,如存在問題,歡迎指出! 終於解決了這個問題!之前寫的程式碼,然後只能加載出html檔案,然後在網上找到了解決方案。 參考部落格 這裡標記一下最主要的幾個點: node.js

資料結構學習筆記

一.陣列       陣列用一塊連續的記憶體空間,來儲存形同型別的一組資料,最大的特點就是支援隨機訪問,但插入,刪除操作也因此變得比較低效(為了保持記憶體資料的連續性),平均情況時間複雜度為O(n)。在平時的業務開發中,我們

golang學習筆記——golang基礎和相關資料結構

小白前端一枚,最近在研究golang,記錄自己學習過程中的一些筆記,以及自己的理解。 go中包的依賴管理 go中的切片 byte 和 string go中的Map go中的struct結構體 go中的方法 go中的interface介面 inter