ReactNative學習之Html基礎

前言：

React Native開發作為一種新型的移動開發方式，個人覺得App的一部分需求會逐步替換成這種方式，也是公司移動開發人員所必須掌握的一種開發技術，所以鑒於這種情況我覺得很有必要學習一下，特此開貼記錄一下整個學習過程。

什麼是HTML檔？HTML的英文全稱是Hypertext Marked Language，中文叫做“超文字標記語言”。和一般文本的不同的是，一個HTML檔不僅包含文本內容，還包含一些Tag，中文稱“標記”。一個HTML檔的尾碼名是.htm 或者是.html。用文字編輯器就可以編寫HTML檔。

先寫一個標準的html

我們利用文字編輯器聲明一個index.html,寫入如下文本內容

這是網頁的內容

執行一個html檔非常簡單，

按兩下打開使用流覽器即可流覽。

簡單解釋：

html基於文本標記語言，以一個開始，以結束。

1.）在和之間的內容，是Head資訊。 Head資訊是不顯示出來的，你在流覽器裡看不到。但是這並不表示這些資訊沒有用處。比如你可以在Head資訊里加上一些關鍵字，有助於搜尋引擎能夠搜索到你的網頁。

2.）在之間的內容，是這個檔的標題。你可以在流覽器最頂端的標題列看到這個標題。

3.）在和之間的資訊，是正文。

關於網頁資訊(meta)

在電腦語言裡，你經常可以看到一個首碼 -- meta， meta就是“關於”(about)的意思。這meta解釋起來比較拗口，比如metadata，意為描述data的data，英文即data about data。還有一個詞叫metalanguage，表示一種描述其它語言的語言。再舉一個例子， metafile，表示描述其它檔的檔。

在HTML裡， meta標記(meta tags)表示用來描述網頁的有關資訊。

示例代碼如下：

利用meta中的Refresh你還可以實現自動跳越網頁面的功能。示例代碼：

HTML元素(HTML Elements)HTML元素(HTMLElement)用來標記文本，表示文本的內容。比如body, p,title就是HTML元素。 HTML元素用Tag表示， Tag以結束。 Tag通常是成對出現的，比如。起始的叫做OpeningTag，結尾的就叫做Closing Tag。目前HTML的Tag不區分大小寫的。比如，和其實是相同的。

HTML元素(HTML Elements)的屬性

HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力。比如你可以使用一個bgcolor屬性，使得頁面的背景色成為紅色，就像這樣：

再比如，你可以使用border這個屬性，將一個表格設成一個無邊框的表格。如下：

屬性通常由屬性名和值成對出現，就像這樣：name="value"。上面例子中的bgcolor,border就是name， red和0就是value。屬性值一般用雙引號標記起來。屬性通常是附加給HTML的Opening Tag，而不是Closing Tag。

基礎HTMLTag

HTML裡，

比較基礎的Tag主要用於標題，段落和分行。

1.）正文標題

這個標籤告訴你如何在HTML檔裡定義正文標題。 HTML用到這幾個Tag來定義正文標題，從大到小。每個正文標題自成一段。比如從大到小， h1至h6

這是h1標題這是h2標題這是h3標題這是h4標題這是h5標題這是h6標題

2.）段落劃分

在HTML裡用

和

劃分段落。

這是第一段文章

這是第二段文章

3.）換行

通過使用
這個Tag，可以在不新建段落的情況下換行。
沒有Closing Tag。用

換行是個壞習慣，正確的是使用
。

這是段落中的第一行
這是段落中的第二行
這是段落中的第三行
這是段落中的第四行

4.）HTML注釋

在HTML檔裡，你可以寫代碼注釋，解釋說明你的代碼，這樣有助於你和他人日後能夠更好地理解你的代碼。注釋可以寫在之間。流覽器是忽略注釋的，

你不會在HTML正文中看到你的注釋。

這僅僅是一個注釋，不會顯示在網頁中

Html常用格式

除了上面舉例說明的這幾個標籤，之外今天再總結一下常用的格式標籤

1.）常用文本格式Tag 粗體bold 斜體italic 文字當中劃線表示刪除文字底線表示插入下標上標縮進表示引用保留空格和換行表示電腦代碼，等寬字體

寫段演示代碼

粗體用b表示。

斜體用i表示。

我要刪除這幾個字

我要給這幾個字添加底線

X2+Y2

這段文字需要縮進

由於預設只能有一個空格，使用這個可以保留多個空格 void getAge{ return age; }

Html特殊字元顯示

有些字元在HTML裡有特別的含義，比如小於號

這就要說到HTML字元實體(HTML Character Entities)了。一個字元實體(Character Entity)分成三部分：第一部分是一個&符號，英文叫ampersand；第二部分是實體(Entity)名字或者是#加上實體(Entity)編號；第三部分是一個分號。

比如，要顯示小於號，就可以寫<或者<。

用實體(Entity)名字的好處是比較好理解，一看lt，大概就猜出是lessthan的意思，但是其劣勢在於並不是所有的流覽器都支持最新的Entity名字。而實體(Entity)編號，各種流覽器都能處理。注意：Entity 是區分大小寫的。

1.）如何顯示空格

通常情況下， HTML 會自動截去多餘的空格。不管你加多少空格，都被看做一個空格。比如你在兩個字之間加了10個空格， HTML會截去9個空格，只保留一個。為了在網頁中增加空格，你可以使用表示空格。

左右各四個空格

2.）最常用的字元實體(Character Entities)

3.）其他常用的字元實體(Character Entities)

總結：

本篇先簡單總結一下html的簡單使用，下一篇再學習一下html其他標籤的使用。

3.）其他常用的字元實體(Character Entities)

總結：

本篇先簡單總結一下html的簡單使用，下一篇再學習一下html其他標籤的使用。