亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

01-html介紹和head標(biāo)簽

番茄西紅柿 / 2266人閱讀

摘要：三開發(fā)工具的使用使用技巧編輯器四介紹的概述全稱，翻譯為超文本標(biāo)記語言，它不是一種編程語言，是一種描述性的標(biāo)記語言，用于描述超文本內(nèi)容的顯示方式。

【轉(zhuǎn)】01-html介紹和head標(biāo)簽

主要內(nèi)容

  • web標(biāo)準(zhǔn)

  • 瀏覽器介紹

  • 開發(fā)工具介紹

  • HTML介紹

  • HTML顏色介紹

  • HTML規(guī)范

  • HTML結(jié)構(gòu)詳解

一、web標(biāo)準(zhǔn)

web準(zhǔn)備介紹：

  • w3c：萬維網(wǎng)聯(lián)盟組織，用來制定web標(biāo)準(zhǔn)的機構(gòu)（組織）
  • web標(biāo)準(zhǔn)：制作網(wǎng)頁遵循的規(guī)范
  • web準(zhǔn)備規(guī)范的分類：結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)、行為標(biāo)準(zhǔn)。
  • 結(jié)構(gòu)：html。表示：css。行為：Javascript。

web準(zhǔn)備總結(jié)：

  • 結(jié)構(gòu)標(biāo)準(zhǔn)：相當(dāng)于人的骨架。html就是用來制作網(wǎng)頁的。
  • 表現(xiàn)標(biāo)準(zhǔn)： 相當(dāng)于人的衣服。css就是對網(wǎng)頁進(jìn)行美化的。
  • 行為標(biāo)準(zhǔn)： 相當(dāng)于人的動作。JS就是讓網(wǎng)頁動起來，具有生命力的

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

二、瀏覽器介紹

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

瀏覽器內(nèi)核：

瀏覽器　內(nèi)核
IEtrident
chromeblink
火狐gecko
Safariwebkit

 

PS：「瀏覽器內(nèi)核」也就是瀏覽器所采用的「渲染引擎」，渲染引擎決定了瀏覽器如何顯示網(wǎng)頁的內(nèi)容以及頁面的格式信息。

總結(jié)：渲染引擎是兼容性問題出現(xiàn)的根本原因。

三、開發(fā)工具

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

 

四、HTML介紹

1、HTML的概述

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

  • 超文本：音頻，視頻，圖片稱為超文本。
  • 標(biāo)記 ：<英文單詞或者字母>稱為標(biāo)記，一個HTML頁面都是由各種標(biāo)記組成。

作用：HTML是負(fù)責(zé)描述文檔語義的語言。

注意：HTML語言不是一個編程語言(有編譯過程)，而是一個標(biāo)記語言(沒有編譯過程)，HTML頁面直接由瀏覽器解析執(zhí)行。

HTML是負(fù)責(zé)描述文檔語義的語言,在html中，除了語義，其他什么都沒有。

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

So，接下來，我們肯定要學(xué)習(xí)一堆html中的標(biāo)簽對兒，這些標(biāo)簽對兒能夠給文本不同的語義。

2、HTML的網(wǎng)絡(luò)術(shù)語

  • 網(wǎng)頁 ：由各種標(biāo)記組成的一個頁面就叫網(wǎng)頁。
  • 主頁(首頁) : 一個網(wǎng)站的起始頁面或者導(dǎo)航頁面。
  • 標(biāo)記： 

    稱為開始標(biāo)記 ，

    稱為結(jié)束標(biāo)記，也叫標(biāo)簽。每個標(biāo)簽都規(guī)定好了特殊的含義。
  • 元素：

    內(nèi)容

    稱為元素.
  • 屬性：給每一個標(biāo)簽所做的輔助信息。

 

五、HTML顏色介紹

1.顏色表示

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

2.RGB色彩模式

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

 

 

 

六、HTML的規(guī)范

  • HTML是一個弱勢語言
  • HTML不區(qū)分大小寫
  • HTML頁面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長度超過3個字符，比如dos系統(tǒng))
  • HTML的結(jié)構(gòu)：
    • 聲明部分：主要作用是用來告訴瀏覽器這個頁面使用的是哪個標(biāo)準(zhǔn)。是HTML5標(biāo)準(zhǔn)。
    • head部分：將頁面的一些額外信息告訴服務(wù)器。不會顯示在頁面上。
    • body部分：我們所寫的代碼必須放在此標(biāo)簽內(nèi)。

1、編寫HTML的規(guī)范

1）所有標(biāo)記元素都要正確的嵌套，不能交叉嵌套。正確寫法舉例：

（2）所有的標(biāo)記都必須小寫。

（3）所有的標(biāo)記都必須關(guān)閉。

  • 雙邊標(biāo)記：
  • 單邊標(biāo)記：
     轉(zhuǎn)成 
     
     轉(zhuǎn)成 
    ，還有

（4）所有的屬性值必須加引號。


（5）所有的屬性必須有值。

2、HTML的基本語法特征

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

　　HTML只在乎標(biāo)簽的嵌套結(jié)構(gòu)，嵌套的關(guān)系。誰嵌套了誰，誰被誰嵌套了，和換行、tab無關(guān)。換不換行、tab不tab，都不影響頁面的結(jié)構(gòu)。

　　也就是說，HTML不是依靠縮進(jìn)來表示嵌套的，就是看標(biāo)簽的包裹關(guān)系。但是，我們發(fā)現(xiàn)有良好的縮進(jìn)，代碼更易讀。要求大家都正確縮進(jìn)標(biāo)簽。

  • 空白折疊現(xiàn)象

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

  • 標(biāo)簽要嚴(yán)格封閉
<html>html><meta />

 

七、HTML結(jié)構(gòu)詳解

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

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

1、文檔聲明頭

任何一個標(biāo)準(zhǔn)的HTML頁面，第一行一定是一個以

DOCTYPE...

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

 

 

XHTML：Extensible Hypertext Markup Language，可擴展超文本標(biāo)注語言。

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

HTML的標(biāo)記書寫很不規(guī)范，會造成其它的設(shè)備(ipad、手機、電視等)無法正常顯示。

XHTML與HTML4.0的標(biāo)記基本上一樣。

XHTML是嚴(yán)格的、純凈的HTML

 

以下內(nèi)容僅做了解：

HTML4.01有哪些規(guī)范呢？

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

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

HTML4.01里面有兩大種規(guī)范，每大種規(guī)范里面又各有3種小規(guī)范。所以一共6種規(guī)范（見下面）：

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

HTML覺得自己有一些規(guī)定不嚴(yán)謹(jǐn)，比如，標(biāo)簽是否可以用大寫字母呢？

所以，HTML就覺得，把一些規(guī)范嚴(yán)格的標(biāo)準(zhǔn)，又制定了一個XHTML1.0。在XHTML中的字母X，表示“嚴(yán)格的”。

總結(jié)一下，HTML4.01一共有6種DTD，說白了，HTML第一行語句一共有6種：

下面對上圖中的三種小規(guī)范進(jìn)行解釋：

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

  • Transitional：表示“普通的”，這種模式就是沒有一些別的規(guī)范。

  • Frameset：表示“框架”，在框架的頁面使用。

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

DOCTYPE html>

 ok，下面重點的來了。

 

 

2、頭標(biāo)簽（head）

head標(biāo)簽都放在頭部分之間。這里面包含了：

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/1244.html

相關(guān)文章

  • 01-HTML深入

    摘要：是由行構(gòu)成行是由單元格構(gòu)成。單元格跨行單元格可以向下跨越多個行，被占的單元格向右擠。國際貿(mào)易是世界經(jīng)濟(jì)增長的重要一環(huán)，美國公開違反世貿(mào)規(guī)則，大范圍挑起貿(mào)易爭端，勢必破壞全球貿(mào)易秩序，危害世界經(jīng)濟(jì)增長。1.1? 瀏覽器的工作原理 ? ? ? ? ?把一些標(biāo)簽解析成用戶可視化的頁面 1.2 HTML中的標(biāo)簽與元素 ? ? ? ? ? ?在HTML中以開始，以結(jié)束，比如等。 ? ? ? ? ? ?...

    LoftySoul 評論0 收藏0

  • 前端菜鳥筆記 Day-1 HTML&HTML 5

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

    kevin 評論0 收藏0

  • JavaWEB開發(fā)01——HTML

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

    IntMain 評論0 收藏0

  • html之css選擇器學(xué)習(xí)

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

    番茄西紅柿 評論0 收藏0

發(fā)表評論

0條評論

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