整合營(yíng)銷服務(wù)商

          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理

          免費(fèi)咨詢熱線:

          什么是HTML

          什么是HTML

          HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。HTML 是一種在 Web 上使用的通用標(biāo)記語(yǔ)言。HTML 允許你格式化文本,添加圖片,創(chuàng)建鏈接、輸入表單、框架和表格等等,并可將之存為文本文件,瀏覽器即可讀取和顯示。

          • HTML 指的是超文本標(biāo)記語(yǔ)言: HyperText Markup Language
          • HTML 不是一種編程語(yǔ)言,而是一種標(biāo)記語(yǔ)言
          • 標(biāo)記語(yǔ)言是一套標(biāo)記標(biāo)簽 (markup tag)
          • HTML 使用標(biāo)記標(biāo)簽來(lái)描述網(wǎng)頁(yè)
          • HTML 文檔包含了HTML 標(biāo)簽文本內(nèi)容
          • HTML文檔也叫做 web 頁(yè)面

          2 入門實(shí)例

          新建一個(gè)test.html文件,內(nèi)容如下

          <!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一個(gè)標(biāo)題</h1><p>我的第一個(gè)段落。</p> </body></html>

          其中:

          • <!DOCTYPE html> 聲明為 HTML5 文檔
          • <html> 元素是 HTML 頁(yè)面的根元素
          • <head> 元素包含了文檔的元(meta)數(shù)據(jù),如 <meta charset="utf-8"> 定義網(wǎng)頁(yè)編碼格式為 utf-8(由于在大部分瀏覽器中直接輸出中文會(huì)出現(xiàn)亂碼,所以要在頭部將字符聲明為UTF-8
          • <title> 元素描述了文檔的標(biāo)題
          • <body> 元素包含了可見的頁(yè)面內(nèi)容
          • <h1> 元素定義一個(gè)大標(biāo)題
          • <p> 元素定義一個(gè)段落

          保存后運(yùn)行,即可在瀏覽器中打開如下界面

          3 各部分詳解

          3.1 標(biāo)題

          HTML 標(biāo)題(Heading)是通過(guò)<h1> - <h6> 標(biāo)簽來(lái)定義的.

          <!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>這是標(biāo)題 1</h1><h2>這是標(biāo)題 2</h2><h3>這是標(biāo)題 3</h3><h4>這是標(biāo)題 4</h4><h5>這是標(biāo)題 5</h5><h6>這是標(biāo)題 6</h6> </body></html>

          3.2 段落

          HTML 段落是通過(guò)標(biāo)簽 <p> 來(lái)定義的

          <!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>這是一個(gè)段落。</p><p>這是一個(gè)段落。</p><p>這是一個(gè)段落。</p> </body></html>

          3.3 鏈接

          HTML 鏈接是通過(guò)標(biāo)簽 <a> 來(lái)定義的

          <!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">這是一個(gè)鏈接使用了 href 屬性</a> </body></html>

          3.4 圖像

          HTML 圖像是通過(guò)標(biāo)簽 <img> 來(lái)定義的。注意: 圖像的名稱和尺寸是以屬性的形式提供的。

          <!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>

          3.5 表格

          表格由 <table> 標(biāo)簽來(lái)定義。每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若干單元格(由 <td> 標(biāo)簽定義)。字母 td 指表格數(shù)據(jù)(table data),即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。如果不定義邊框?qū)傩裕砀駥⒉伙@示邊框。有時(shí)這很有用,但是大多數(shù)時(shí)候,我們希望顯示邊框。使用邊框?qū)傩詠?lái)顯示一個(gè)帶有邊框的表格:

          <table border="1">    <tr>        <th>Header 1</th>        <th>Header 2</th>    </tr>    <tr>        <td>row 1, cell 1</td>        <td>row 1, cell 2</td>    </tr>    <tr>        <td>row 2, cell 1</td>        <td>row 2, cell 2</td>    </tr></table>

          4 速查列表

          4.1 基本文檔

          <!DOCTYPE html><html><head><title>文檔標(biāo)題</title></head><body>可見文本...</body></html>

          4.2 基本標(biāo)簽

          <h1>最大的標(biāo)題</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的標(biāo)題</h6> <p>這是一個(gè)段落。</p><br> (換行)<hr> (水平線)<!-- 這是注釋 -->

          4.3 文本格式化

          <b>粗體文本</b><code>計(jì)算機(jī)代碼</code><em>強(qiáng)調(diào)文本</em><i>斜體文本</i><kbd>鍵盤輸入</kbd> <pre>預(yù)格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> (縮寫)<address> (聯(lián)系信息)<bdo> (文字方向)<blockquote> (從另一個(gè)源引用的部分)<cite> (工作的名稱)<del> (刪除的文本)<ins> (插入的文本)<sub> (下標(biāo)文本)<sup> (上標(biāo)文本)

          4.4 鏈接

          普通的鏈接:<a href="http://www.example.com/">鏈接文本</a>圖像鏈接: <a href="http://www.example.com/"><img src="URL" alt="替換文本"></a>郵件鏈接: <a href="mailto:webmaster@example.com">發(fā)送e-mail</a>書簽:<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>

          4.5 圖片

          <img src="URL" alt="替換文本" height="42" width="42">

          4.6 樣式/區(qū)塊

          <style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級(jí)元素</div><span>文檔中的內(nèi)聯(lián)元素</span>

          4.7 無(wú)序列表

          <ul>    <li>項(xiàng)目</li>    <li>項(xiàng)目</li></ul>

          4.8 有序列表

          許多方法可以檢驗(yàn)編程語(yǔ)言的流行程度。在 Octoverse 報(bào)告中,我們統(tǒng)計(jì)了公共和私有存儲(chǔ)庫(kù)每個(gè)貢獻(xiàn)者使用的主要語(yǔ)言,以及使用主要語(yǔ)言創(chuàng)建和標(biāo)記的存儲(chǔ)庫(kù)的數(shù)量。

          2008-2018 年創(chuàng)建存儲(chǔ)庫(kù)數(shù)量最多的編程語(yǔ)言


          現(xiàn)在,使用 JavaScript 創(chuàng)建的存儲(chǔ)庫(kù)比任何其他語(yǔ)言都多。在過(guò)去的十年里,使用 JavaScript 創(chuàng)建的存儲(chǔ)庫(kù)數(shù)量一直在穩(wěn)步上升,在 2011 年之后上升趨于穩(wěn)定。此時(shí),GitHub 總共擁有近 100 萬(wàn)個(gè)存儲(chǔ)庫(kù),而新的 JavaScript 服務(wù)器如 Node.js(2009 年推出)讓開發(fā)人員可以為客戶端和服務(wù)器使用相同的代碼。

          截至 2018 年 9 月 30 日,貢獻(xiàn)者使用最多的編程語(yǔ)言


          JavaScript 也是公共和私有存儲(chǔ)庫(kù)中貢獻(xiàn)者使用最多的語(yǔ)言,這在全世界任何地方的任何組織中都是如此。但是,我們也看到了 GitHub 上新語(yǔ)言的興起。去年,TypeScript 進(jìn)入了所有地區(qū)公共、私有和開源存儲(chǔ)庫(kù)編程語(yǔ)言 Top10。像 DefinitelyTyped 這樣的項(xiàng)目可以幫助人們使用常見的 JavaScript 庫(kù)和 TypeScript,推動(dòng)其采用率。

          我們也看到一些語(yǔ)言變得不那么受歡迎了。Ruby 在過(guò)去幾年的排名下降。雖然使用 Ruby 編寫的貢獻(xiàn)者數(shù)量仍然在增加,但其他語(yǔ)言(如 JavaScript 和 Python)的增長(zhǎng)速度更快。新項(xiàng)目不太可能用 Ruby 編寫,特別是個(gè)人用戶或小型組織的項(xiàng)目,他們更有可能用 JavaScript,Java 或 Python。

          截至 2018 年 9 月 30 日,語(yǔ)言趨勢(shì)地理分布(按貢獻(xiàn)者使用)


          在過(guò)去的 12 個(gè)月中,我們發(fā)現(xiàn)各地區(qū)使用的編程語(yǔ)言沒有太大??差異。但是,TypeScript 在南美洲和非洲的排名高于北美和歐洲。這可能是因?yàn)榉侵藓湍厦赖拈_發(fā)者社區(qū)相對(duì)較“年輕”。去年在非洲和南美洲貢獻(xiàn)的存儲(chǔ)庫(kù)總體上來(lái)說(shuō)比北美和歐洲的存儲(chǔ)庫(kù)更“年輕”。也許這意味著他們更有可能專注于更新的開發(fā)者技術(shù)。

          截至 2018 年 9 月 30 日,發(fā)展最快的語(yǔ)言(按貢獻(xiàn)者使用)


          PowerShell 被很多大公司的項(xiàng)目采用,在榜單中名次攀升。同樣,Go 在各大公司的不同類型存儲(chǔ)庫(kù)中排名也上升,今年在開源存儲(chǔ)庫(kù)中排名第 9。此外,在線程安全性和互操作性上更有保證的靜態(tài)語(yǔ)言也更加受歡迎,如 Kotlin,TypeScript 和 Rust 增長(zhǎng)迅速。

          那么,是什么因素讓這些編程語(yǔ)言在 2018 年火起來(lái)的?我們認(rèn)為有以下幾個(gè)原因:

          線程安全

          除了 Python 之外,靜態(tài)語(yǔ)言類型在增加,這可能是因?yàn)樗軌驗(yàn)閭€(gè)體開發(fā)人員和團(tuán)隊(duì)開發(fā)更大的應(yīng)用程序提供更高的安全性和效率。TypeScript 的可選靜態(tài)類型加上了一層安全保障,特別是 Kotlin 提供了更強(qiáng)的交互性,同時(shí)創(chuàng)建了值得信賴的線程安全程序。

          互通性

          TypeScript 在榜單中排名上升的部分原因是它能夠與 JavaScript 共存和集成。Rust 和 Kotlin 的排名也在上升。Python 的多功能性和互操作性也讓人印象深刻,例如,開發(fā)人員可以直接從 Swift 調(diào)用 Python API。

          互操作性不僅意味著語(yǔ)言能夠?yàn)橹暗纳鐓^(qū)使用和構(gòu)建,還意味著他們可以“跨界”并融入不同的社區(qū)。

          開源

          當(dāng)然,這些語(yǔ)言也都是開源項(xiàng)目,得到了 GitHub 的積極維護(hù)。那些幫助 Kotlin 等新語(yǔ)言改進(jìn)、回答問題和創(chuàng)建資源的社區(qū),可以促進(jìn)未來(lái)社區(qū)之間的合作。

          原文鏈接:

          https://blog.github.com/2018-11-15-state-of-the-octoverse-top-programming-languages/


          主站蜘蛛池模板: 国产精品成人一区无码| 日本不卡一区二区视频a| 人成精品视频三区二区一区| 国产综合一区二区| 国产剧情一区二区| 亚洲精品国产suv一区88| 美女福利视频一区| 中文字幕在线观看一区二区三区| 尤物精品视频一区二区三区| 亚洲av日韩综合一区在线观看| 亚洲AV无码一区二区三区在线观看 | 中文字幕国产一区| 日本精品一区二区三区在线视频一 | 国产在线观看一区二区三区四区| 人妻无码一区二区不卡无码av| 久久精品人妻一区二区三区| 精品人妻一区二区三区四区在线| 亚洲av乱码一区二区三区按摩 | 四虎成人精品一区二区免费网站 | 国产在线精品一区二区高清不卡| 国产激情一区二区三区四区| 曰韩人妻无码一区二区三区综合部| 无码AV中文一区二区三区| 色老板在线视频一区二区| 狠狠色婷婷久久一区二区三区| 无码8090精品久久一区| 狠狠做深爱婷婷久久综合一区 | 四虎一区二区成人免费影院网址| 精品国产一区二区三区av片| 国产福利酱国产一区二区| 无码中文人妻在线一区| 性色av无码免费一区二区三区| 亚洲AV无码一区二区一二区| 人妻av综合天堂一区| 人妻夜夜爽天天爽一区| 福利一区二区三区视频午夜观看| 国产一区二区三区在线免费观看| 国产一区二区三区不卡在线观看| 免费萌白酱国产一区二区| 亚洲国产精品一区二区九九| 中文字幕一区二区三|