国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

01-html介紹和head標簽

番茄西紅柿 / 2169人閱讀

摘要:三開發工具的使用使用技巧編輯器四介紹的概述全稱,翻譯為超文本標記語言,它不是一種編程語言,是一種描述性的標記語言,用于描述超文本內容的顯示方式。

【轉】01-html介紹和head標簽

主要內容

  • web標準

  • 瀏覽器介紹

  • 開發工具介紹

  • HTML介紹

  • HTML顏色介紹

  • HTML規范

  • HTML結構詳解

一、web標準

web準備介紹:

  • w3c:萬維網聯盟組織,用來制定web標準的機構(組織)
  • web標準:制作網頁遵循的規范
  • web準備規范的分類:結構標準、表現標準、行為標準。
  • 結構:html。表示:css。行為:Javascript。

web準備總結:

  • 結構標準:相當于人的骨架。html就是用來制作網頁的。
  • 表現標準: 相當于人的衣服。css就是對網頁進行美化的。
  • 行為標準: 相當于人的動作。JS就是讓網頁動起來,具有生命力的

 如果大家還不明白,請看下圖

二、瀏覽器介紹

瀏覽器是網頁運行的平臺,常用的瀏覽器有IE、火狐(Firefox)、谷歌(Chrome)、獵豹瀏覽器、Safari和Opera等

瀏覽器內核:

瀏覽器 內核
IEtrident
chromeblink
火狐gecko
Safariwebkit

 

PS:「瀏覽器內核」也就是瀏覽器所采用的「渲染引擎」,渲染引擎決定了瀏覽器如何顯示網頁的內容以及頁面的格式信息。

總結:渲染引擎是兼容性問題出現的根本原因。

三、開發工具

  • Sublime Text的使用 Sublime Text使用技巧
  • Visual Studio Code編輯器
  • WebStorm
  • PyCharm
  • .....

 

四、HTML介紹

1、HTML的概述

html全稱HyperText Mackeup Language,翻譯為超文本標記語言,它不是一種編程語言,是一種描述性的標記語言,用于描述超文本內容的顯示方式。比如字體、顏色、大小等。

  • 超文本:音頻,視頻,圖片稱為超文本。
  • 標記 :<英文單詞或者字母>稱為標記,一個HTML頁面都是由各種標記組成。

作用:HTML是負責描述文檔語義的語言。

注意:HTML語言不是一個編程語言(有編譯過程),而是一個標記語言(沒有編譯過程),HTML頁面直接由瀏覽器解析執行。

HTML是負責描述文檔語義的語言,在html中,除了語義,其他什么都沒有。

html是一個純本文文件(就是用txt文件改名而成),用一些標簽來描述文字的語義,這些標簽在瀏覽器里面是看不到的,所以稱為“超文本”,所以就是“超文本標記語言”了。

So,接下來,我們肯定要學習一堆html中的標簽對兒,這些標簽對兒能夠給文本不同的語義。

2、HTML的網絡術語

  • 網頁 :由各種標記組成的一個頁面就叫網頁。
  • 主頁(首頁) : 一個網站的起始頁面或者導航頁面。
  • 標記: 

    稱為開始標記 ,

    稱為結束標記,也叫標簽。每個標簽都規定好了特殊的含義。
  • 元素:

    內容

    稱為元素.
  • 屬性:給每一個標簽所做的輔助信息。

 

五、HTML顏色介紹

1.顏色表示

  • 純單詞表示:red、green、blue、orange、gray等
  • 10進制表示:rgb(255,0,0)
  • 16進制表示:#FF0000、#0000FF、#00FF00等

2.RGB色彩模式

  • 自然界中所有的顏色都可以用紅、綠、藍(RGB)這三種顏色波長的不同強度組合而得,這就是人們常說的三原色原理。
  • RGB三原色也叫加色模式,這是因為當我們把不同光的波長加到一起的時候,可以得到不同的混合色。例:紅+綠=黃色,紅+藍=紫色,綠+藍=青
  • 在數字視頻中,對RGB三基色各進行8位編碼就構成了大約1678萬種顏色,這就是我們常說的真彩色。所有顯示設備都采用的是RGB色彩模式。
  • RGB各有256級(0-255)亮度,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。

 

 

 

六、HTML的規范

  • HTML是一個弱勢語言
  • HTML不區分大小寫
  • HTML頁面的后綴名是html或者htm(有一些系統不支持后綴名長度超過3個字符,比如dos系統)
  • HTML的結構:
    • 聲明部分:主要作用是用來告訴瀏覽器這個頁面使用的是哪個標準。是HTML5標準。
    • head部分:將頁面的一些額外信息告訴服務器。不會顯示在頁面上。
    • body部分:我們所寫的代碼必須放在此標簽內。

1、編寫HTML的規范

1)所有標記元素都要正確的嵌套,不能交叉嵌套。正確寫法舉例:

(2)所有的標記都必須小寫。

(3)所有的標記都必須關閉。

  • 雙邊標記:
  • 單邊標記:
     轉成 
     
     轉成 
    ,還有

(4)所有的屬性值必須加引號。


(5)所有的屬性必須有值。

2、HTML的基本語法特征

  • HTML對換行不敏感,對tab不敏感

  HTML只在乎標簽的嵌套結構,嵌套的關系。誰嵌套了誰,誰被誰嵌套了,和換行、tab無關。換不換行、tab不tab,都不影響頁面的結構。

  也就是說,HTML不是依靠縮進來表示嵌套的,就是看標簽的包裹關系。但是,我們發現有良好的縮進,代碼更易讀。要求大家都正確縮進標簽。

  • 空白折疊現象

  HTML中所有的文字之間,如果有空格、換行、tab都將被折疊為一個空格顯示。

  • 標簽要嚴格封閉
<html>html><meta />

 

七、HTML結構詳解

新建HTML文件,輸入 html:5,按tab鍵后,自動生成的代碼如下:

DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Documenttitle>head><body>body>html>

1、文檔聲明頭

任何一個標準的HTML頁面,第一行一定是一個以

DOCTYPE...

開頭的這一行,就是文檔聲明頭,DocType Declaration,簡稱DTD。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規范。

 

 

XHTML:Extensible Hypertext Markup Language,可擴展超文本標注語言。

XHTML的主要目的是為了取代HTML,也可以理解為HTML的升級版。

HTML的標記書寫很不規范,會造成其它的設備(ipad、手機、電視等)無法正常顯示。

XHTML與HTML4.0的標記基本上一樣。

XHTML是嚴格的、純凈的HTML

 

以下內容僅做了解:

HTML4.01有哪些規范呢?

首先我們先確定一件事兒,我們現在學習的是HTML4.0.1這個版本,這個版本是IE6開始兼容的。HTML5是IE9開開始兼容的。但是IE6、7、8這些瀏覽器還不能過早的淘汰,所以這幾年網頁還是應該用HTML4.01來制作。如今,手機、移動端的網頁,就可以使用HTML5了,因為其兼容性更高。

說個題外話,html1 至 html3 是美國軍方以及高等研究所用的,并未對外公開。

HTML4.01里面有兩大種規范,每大種規范里面又各有3種小規范。所以一共6種規范(見下面):

HTML4.01里面規定了普通和XHTML兩大種規范。

HTML覺得自己有一些規定不嚴謹,比如,標簽是否可以用大寫字母呢?

所以,HTML就覺得,把一些規范嚴格的標準,又制定了一個XHTML1.0。在XHTML中的字母X,表示“嚴格的”。

總結一下,HTML4.01一共有6種DTD,說白了,HTML第一行語句一共有6種:

下面對上圖中的三種小規范進行解釋:

  • strict:表示“嚴格的”,這種模式里面的要求更為嚴格。這種嚴格體現在哪里?有一些標簽不能使用。
    比如,u標簽,就是給一個本文加下劃線,但是這和HTML的本質有沖突,因為HTML只能負責語義,不能負責樣式,而u這個下劃線是樣式。所以,在strict中是不能使用u標簽的。
    那怎么給文本增加下劃線呢?今后的css將使用css屬性來解決。
    那么,XHTML1.0更為嚴格,因為這個體系本身規定比如標簽必須是小寫字母、必須嚴格閉合標簽、必須使用引號引起屬性等等。

  • Transitional:表示“普通的”,這種模式就是沒有一些別的規范。

  • Frameset:表示“框架”,在框架的頁面使用。

在sublime輸入的html:xt,x表示XHTML,t表示transitional。
HTML5中極大的簡化了DTD,也就是說HTML5中就沒有XHTML了(W3C自己打臉了):

DOCTYPE html>

 ok,下面重點的來了。

 

 

2、頭標簽(head)

head標簽都放在頭部分之間。這里面包含了:

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1244.html

相關文章

  • 01-HTML深入

    摘要:是由行構成行是由單元格構成。單元格跨行單元格可以向下跨越多個行,被占的單元格向右擠。國際貿易是世界經濟增長的重要一環,美國公開違反世貿規則,大范圍挑起貿易爭端,勢必破壞全球貿易秩序,危害世界經濟增長。1.1? 瀏覽器的工作原理 ? ? ? ? ?把一些標簽解析成用戶可視化的頁面 1.2 HTML中的標簽與元素 ? ? ? ? ? ?在HTML中以開始,以結束,比如等。 ? ? ? ? ? ?...

    LoftySoul 評論0 收藏0
  • 前端菜鳥筆記 Day-1 HTML&HTML 5

    摘要:行內元素特征設置寬高屬性無效設置僅左右水平方向有效,上下垂直無效設置上下左右都有效內容不會自動進行換行行內塊元素行內塊元素綜合了兩者的特征,各有取舍,可以對任意元素進行屬性設置。 文章大綱來源:【Day 1】HTML & HTML 5 標記語言 XHTML/HTML/HTML 5異同 了解doctype HTML HTML 5 標記語言 標記語言(ML)即 Markup Langu...

    kevin 評論0 收藏0
  • JavaWEB開發01——HTML

    摘要:網站信息頁面需求分析我們公司的需要一個對外宣傳的網站介紹介紹公司的主要業務公司的發展歷史公司的口號等等信息技術分析概述超文本標記語言超文本比普通文本功能更加強大可以添加各種樣式標記語言通過一組標簽來對內容進行描述關鍵字是由瀏覽器來解釋執行靜 1.網站信息頁面 1.1需求分析: 我們公司的需要一個對外宣傳的網站介紹,介紹公司的主要業務,公司的發展歷史,公司的口號等等信息 1.2技術分析:...

    IntMain 評論0 收藏0
  • html之css選擇器學習

    相關內容:什么是css選擇器標簽選擇器類選擇器id選擇器并集選擇器(分組選擇器)交集選擇器后代選擇器子標簽選擇器屬性選擇器相鄰兄弟選擇器偽類選擇器偽元素選擇器(偽對象選擇器)首發時間:2018-03-02 修改:2018-04-30:修改了排版,增加了偽類選擇器,偽元素選擇器,在原本簡略的介紹的基礎上增加了描述并修改了某些術語描述。2018-05-05:修改了部分偽類選擇器的注解,由于之前發生了小...

    番茄西紅柿 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<