成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 2178人閱讀

摘要：三開發(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)的機(jī)構(gòu)（組織）
  • web標(biāo)準(zhǔn)：制作網(wǎng)頁(yè)遵循的規(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)頁(yè)的。
  • 表現(xiàn)標(biāo)準(zhǔn)： 相當(dāng)于人的衣服。css就是對(duì)網(wǎng)頁(yè)進(jìn)行美化的。
  • 行為標(biāo)準(zhǔn)： 相當(dāng)于人的動(dòng)作。JS就是讓網(wǎng)頁(yè)動(dòng)起來，具有生命力的

　如果大家還不明白，請(qǐng)看下圖

二、瀏覽器介紹

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

瀏覽器內(nèi)核：

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

 

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

總結(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)記，一個(gè)HTML頁(yè)面都是由各種標(biāo)記組成。

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

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

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

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

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

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

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

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

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

    內(nèi)容

    稱為元素.
  • 屬性：給每一個(gè)標(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)這三種顏色波長(zhǎng)的不同強(qiáng)度組合而得，這就是人們常說的三原色原理。
  • RGB三原色也叫加色模式，這是因?yàn)楫?dāng)我們把不同光的波長(zhǎng)加到一起的時(shí)候，可以得到不同的混合色。例：紅+綠=黃色，紅+藍(lán)＝紫色，綠+藍(lán)=青
  • 在數(shù)字視頻中，對(duì)RGB三基色各進(jìn)行8位編碼就構(gòu)成了大約1678萬種顏色，這就是我們常說的真彩色。所有顯示設(shè)備都采用的是RGB色彩模式。
  • RGB各有256級(jí)(0-255)亮度，256級(jí)的RGB色彩總共能組合出約1678萬種色彩，即256×256×256=16777216。

 

 

 

六、HTML的規(guī)范

  • HTML是一個(gè)弱勢(shì)語言
  • HTML不區(qū)分大小寫
  • HTML頁(yè)面的后綴名是html或者h(yuǎn)tm(有一些系統(tǒng)不支持后綴名長(zhǎng)度超過3個(gè)字符，比如dos系統(tǒng))
  • HTML的結(jié)構(gòu)：
    • 聲明部分：主要作用是用來告訴瀏覽器這個(gè)頁(yè)面使用的是哪個(gè)標(biāo)準(zhǔn)。是HTML5標(biāo)準(zhǔn)。
    • head部分：將頁(yè)面的一些額外信息告訴服務(wù)器。不會(huì)顯示在頁(yè)面上。
    • 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）所有的屬性值必須加引號(hào)。


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

2、HTML的基本語法特征

  • HTML對(duì)換行不敏感，對(duì)tab不敏感

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

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

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

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

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

 

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

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

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

1、文檔聲明頭

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

DOCTYPE...

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

 

 

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

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

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

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

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

 

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

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

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

說個(gè)題外話，html1 至 html3 是美國(guó)軍方以及高等研究所用的，并未對(duì)外公開。

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)，又制定了一個(gè)XHTML1.0。在XHTML中的字母X，表示“嚴(yán)格的”。

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

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

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

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

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

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

DOCTYPE html>

 ok，下面重點(diǎn)的來了。

 

 

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

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1244.html

相關(guān)文章

  • 01-HTML深入

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

    LoftySoul 評(píng)論0 收藏0

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

    摘要：行內(nèi)元素特征設(shè)置寬高屬性無效設(shè)置僅左右水平方向有效，上下垂直無效設(shè)置上下左右都有效內(nèi)容不會(huì)自動(dòng)進(jìn)行換行行內(nèi)塊元素行內(nèi)塊元素綜合了兩者的特征，各有取舍，可以對(duì)任意元素進(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 評(píng)論0 收藏0

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

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

    IntMain 評(píng)論0 收藏0

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

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

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<