整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
HTML簡(jiǎn)介
HTML是用來描述網(wǎng)頁的一種語言，它是一種超文本標(biāo)記語言，由一套標(biāo)記標(biāo)簽組成，在制作網(wǎng)頁時(shí)，HTML使用標(biāo)記標(biāo)簽來描述網(wǎng)頁。
發(fā)展史
HTML：Hyper Text Markup Language超文本標(biāo)記語言
超文本標(biāo)記語言—在1993年6月互聯(lián)網(wǎng)工程工作小組工作案發(fā)布（并非標(biāo)準(zhǔn)）
HTML2.0—1995年11月作為RFC1866發(fā)布，在RFC2854于2000年6月發(fā)布之后被宣布過時(shí)。
HTML3.2—1996年1月14日，W3C推薦標(biāo)準(zhǔn)
HTML4.0—1997年12月18日，W3C推薦標(biāo)準(zhǔn)
HTML4.01（微小改進(jìn)）—1999年12月24日，W3C推薦標(biāo)準(zhǔn)，2000年5月15日發(fā)布基本嚴(yán)格的HTML4.01語法，是國(guó)標(biāo)標(biāo)準(zhǔn)化組織和國(guó)際電工委員會(huì)的標(biāo)準(zhǔn)
XHTML1.0—發(fā)布于2000年1月26日，是W3C推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布
XHTML1.1—2001年5月31日發(fā)布
XHTML2.0是W3C的工作草案，由于改動(dòng)過大，學(xué)習(xí)這個(gè)新技術(shù)的成本過高而最終胎死腹中，因此，現(xiàn)在最常用的還是XHTML1.0標(biāo)準(zhǔn)。
目前最新的版本為HTML5，它是2004年被提出，2007年被W3C接納并成立新的HTML工作團(tuán)隊(duì)，
2008年1月22日公布HTML5第一份正式草案，
2012年12月17日HTML5規(guī)范正式定稿，
2013年5月6日，HTML5.1正式草案公布。
HTML 5作為最新版本，提供了一些新的元素和一些有趣的新特性，同時(shí)也建立了一些新的規(guī)則。這些元素、特性和規(guī)則的建立，提供了許多新的網(wǎng)頁功能，如使用網(wǎng)頁實(shí)現(xiàn)動(dòng)態(tài)渲染圖形、圖表、圖像和動(dòng)畫，以及不需要安裝任何插件直接使用網(wǎng)頁播放視頻等。目前企業(yè)開發(fā)中也在增大使用HTML5的力度
HTML的優(yōu)勢(shì)
h1~h6
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>標(biāo)題標(biāo)簽</title> </head> <body> <h1>這是一級(jí)標(biāo)題</h1> <h2>這是二級(jí)標(biāo)題</h2> <h3>這是三級(jí)標(biāo)題</h3> <h4>這是四級(jí)標(biāo)題</h4> <h5>這是五級(jí)標(biāo)題</h5> <h6>這是六級(jí)標(biāo)題</h6> <h7>這是七級(jí)標(biāo)題</h7>效果怎么顯示不出來呢？？？ <h1>這是一級(jí)標(biāo)題</h1> </body> </html> |
瀏覽器預(yù)覽效果
p標(biāo)簽為段落標(biāo)簽，br標(biāo)簽為換行標(biāo)簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>段落和換行標(biāo)簽</title> </head> <body> <h1>北京歡迎你</h1> <p>北京歡迎你，<br>為你開天辟地</p> <p>北京歡迎你，<br/>有有勇氣就會(huì)有奇跡</p> </body> </html> |
瀏覽器預(yù)覽效果圖
hr標(biāo)簽為水平線標(biāo)簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平線標(biāo)簽</title> </head> <body> <h1>漂洋過海來看你</h1> <hr> <p>為你我用了半年的積蓄，<br>漂洋過海來看你</p> <hr/> </body> </html> |
瀏覽器預(yù)覽效果圖
em為斜體標(biāo)簽，strong為字體加粗標(biāo)簽
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>字體樣式標(biāo)簽</title> </head> <body> <h1>漂洋過海來看你</h1> <hr> <p>為你我用了<em>2017</em>半年的<strong><em>積蓄</em></strong>，<br> <em><strong>漂洋過海</strong></em>來看你 </p> <hr/> </body> </html> |
瀏覽器預(yù)覽效果圖
注釋使用：<!--被注釋的內(nèi)容-->
大于號(hào)：> great than的縮寫
小于號(hào)：< less than的縮寫
雙引號(hào)：""
版權(quán)符號(hào)：©
空格：
源代碼
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注釋和特殊符號(hào)</title> </head> <body> <pre> 注釋使用：<!--被注釋的內(nèi)容--> 大于號(hào)：> great than的縮寫 小于號(hào)：< less than的縮寫 雙引號(hào)："" 版權(quán)符號(hào)：© 空格： </pre> <!-- 我是被注釋的內(nèi)容，我只留給你們看，不會(huì)在頁面上顯示 --> 5<10>6 <br> "我是被雙引號(hào)引起來的內(nèi)容"<br> ©自由職業(yè)開發(fā)者公司<br> 我是 測(cè)試 空 格的 </body> </html> |
瀏覽器預(yù)覽效果圖
以上就是HTML的簡(jiǎn)單入門，后續(xù)帶大家更深入的了解HTML
萬維網(wǎng)，建立在internet上，全球性的、交互、多平臺(tái)、分布的信息資源。
wwwf組成：
雙標(biāo)簽：<標(biāo)簽名>內(nèi)容</標(biāo)簽名>
單標(biāo)簽：<標(biāo)簽名 />
注釋標(biāo)簽：<!-- 注釋說明 -->
各種標(biāo)簽，以html文檔結(jié)構(gòu)來做：
<!doctype html> <!--文檔類型標(biāo)簽-->
<html> --最外層的標(biāo)簽
<head> <!--頭部標(biāo)簽，包含編碼、標(biāo)題等-->
<title>標(biāo)題</title> <!--標(biāo)題標(biāo)簽-->
<meta charset="utf-8"/> <!--編碼格式-->
</head>
<body> <!--主體標(biāo)簽，里面顯示的內(nèi)容-->
<h1>哈哈哈哈</h1>
</body>
</html>h1~h6,h1最大的，h6最小的
屬性：align,對(duì)齊方式
屬性值：left-左對(duì)齊，center-居中，right-右對(duì)齊
示例：
<h1 align="left">標(biāo)題左對(duì)齊</h1><p>內(nèi)容</p>
屬性：
-title:提示信息
-style:行內(nèi)樣式
-dir:文字方向，默認(rèn)從左向右，ltl或者rtl
示例：
<p title="這是提示信息" dir="ltl"></p>屬性：
align:對(duì)齊方式，默認(rèn)center居中對(duì)齊
color:顏色
width:寬度，可以取值百分比或者像素
size:高度，只能取值像素
noshade:取消陰影
示例：
<hr color="red" width="50%" size="10"/><b></b>和<strong></strong>
屬性：
src:圖片路徑
alt:圖片加載錯(cuò)誤時(shí)提示信息
title:鼠標(biāo)放在圖片上提示信息
width:寬度
border:邊框
示例：
<img src="1.jpg" alt="圖片加載失敗" title="提示信息"/>屬性：
href：要跳轉(zhuǎn)的地址
示例：
<a href="https://www.baidu.com">百度一下</a>頁編程之文字標(biāo)題。
同學(xué)們好，今天分享的主題是文件標(biāo)題標(biāo)簽。我們將從高到低分別介紹H1、H2到H6，其中H6為最小。讓我們看看具體的實(shí)現(xiàn)效果。現(xiàn)在網(wǎng)頁上出現(xiàn)了6行文字，自動(dòng)換行，并以H1到H6的順序排列。這些文字展示了標(biāo)簽的用法和效果。接下來，讓我們看看實(shí)現(xiàn)代碼。標(biāo)題標(biāo)簽的寫法非常簡(jiǎn)單，沒有任何需要講解的內(nèi)容。
選擇標(biāo)題標(biāo)簽的原因是它是最簡(jiǎn)單的圍堵標(biāo)簽之一，不需要任何自帶的屬性，只需要將標(biāo)簽的內(nèi)容圍堵起來就可以了。這個(gè)標(biāo)簽是對(duì)各位標(biāo)簽寫法的一個(gè)鞏固。標(biāo)題標(biāo)簽的作用是標(biāo)記定義了html文檔中的標(biāo)題，字體相對(duì)較大并且加粗。需要注意的是，我們展示的內(nèi)容通常用于新聞或公示的頁面。除了用于定義目錄和索引頁面的不同層次外，標(biāo)題標(biāo)簽還可以用于定義不同層次的標(biāo)題。對(duì)于我個(gè)人來說，H1標(biāo)簽是最常用的。H3之后，我基本上沒有使用過。現(xiàn)在，大多數(shù)時(shí)候使用CSS來自定義網(wǎng)頁的字體樣式。因此，了解這個(gè)標(biāo)簽的含義就足夠了。
從本節(jié)課開始，我們將進(jìn)入html主體部分的講解，不再抽象地介紹配置信息。今天的分享就到這里，希望各位同學(xué)能夠按照示例進(jìn)行練習(xí)，不看視頻也能寫出來。如果需要相關(guān)文檔和案例，請(qǐng)聯(lián)系我。下期見。
如果您想學(xué)習(xí)編程，請(qǐng)關(guān)注我。
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
