整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
TML 實(shí)例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>數(shù)據(jù)微學(xué)院</title>
</head>
<body>
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落。</p>
</body>
</html>
實(shí)例解析：
DOCTYPE------聲明了文檔的類型
<html>------ 標(biāo)簽是HTML頁(yè)面的根元素，該標(biāo)簽的結(jié)束標(biāo)簽為 </html>
<head>------標(biāo)簽包含了文檔的元（meta）數(shù)據(jù)，如<meta charset="utf-8">定義網(wǎng)頁(yè)編碼格式為utf-8。
<title>------標(biāo)簽定義文檔的標(biāo)題
<body>------ 標(biāo)簽定義文檔的主體，即網(wǎng)頁(yè)可見(jiàn)的頁(yè)面內(nèi)容，該標(biāo)簽的結(jié)束標(biāo)簽為 </body>
<h1>------ 標(biāo)簽作為一個(gè)標(biāo)題使用，該標(biāo)簽的結(jié)束標(biāo)簽為 </h1>
<p>------ 標(biāo)簽作為一個(gè)段落顯示，該標(biāo)簽的結(jié)束標(biāo)簽為 </p>
<!DOCTYPE html>------ 在 HTML5 中也是描述了文檔類型。
什么是HTML?
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。
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è)面
HTML 標(biāo)簽
HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 標(biāo)簽是由尖括號(hào)包圍的關(guān)鍵詞，比如 <html>
HTML 標(biāo)簽通常是成對(duì)出現(xiàn)的，比如 <b> 和 </b>
標(biāo)簽對(duì)中的第一個(gè)標(biāo)簽是開(kāi)始標(biāo)簽，第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽
開(kāi)始和結(jié)束標(biāo)簽也被稱為開(kāi)放標(biāo)簽和閉合標(biāo)簽
HTML 文檔 = 網(wǎng)頁(yè)
HTML 文檔描述網(wǎng)頁(yè)
HTML 文檔包含 HTML 標(biāo)簽和純文本
HTML 文檔也被稱為網(wǎng)頁(yè)
Web 瀏覽器的作用是讀取 HTML 文檔，并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示 HTML 標(biāo)簽，而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容：
<html>
<body>
<h1>我的第一個(gè)標(biāo)題</h1>
<p>我的第一個(gè)段落。</p>
</body>
</html>
例子解釋：
<html> 與 </html> 之間的文本描述網(wǎng)頁(yè)
<body> 與 </body> 之間的文本是可見(jiàn)的頁(yè)面內(nèi)容
<h1> 與 </h1> 之間的文本被顯示為標(biāo)題
<p> 與 </p> 之間的文本被顯示為段落
【小提示】tips:本文由數(shù)據(jù)微學(xué)院作者原創(chuàng)，轉(zhuǎn)載請(qǐng)注明來(lái)源或聯(lián)系作者。更多優(yōu)秀參考好文請(qǐng)關(guān)注【數(shù)據(jù)微學(xué)院】個(gè)人圖書(shū)館。
紅澤提問(wèn)：
請(qǐng)教老師：在反差大的環(huán)境拍照時(shí)，有人建議用照相機(jī)的HDR功能，也有人建議用包圍曝光，它們之間有什么區(qū)別嗎？應(yīng)該如何掌握？謝謝！
包圍曝光過(guò)程（葉梓攝影）
葉梓老師回答：
有的時(shí)候我們拍攝的場(chǎng)景亮的地方實(shí)在是太亮了，暗的地方又實(shí)在是太暗了。如果把這些東西都拍到一起的話就難免有一個(gè)局部會(huì)要曝光過(guò)度，或者有一個(gè)局部會(huì)曝光不足，不管你是加曝光補(bǔ)償還是減曝光補(bǔ)償都沒(méi)有辦法做到兩全其美。當(dāng)我們加曝光補(bǔ)償?shù)臅r(shí)候，整個(gè)畫(huà)面的所有亮度都變亮了。雖然暗部的細(xì)節(jié)已經(jīng)表現(xiàn)出來(lái)了，暗部沒(méi)有曝光不足，但同時(shí)亮部就更嚴(yán)重的有了曝光過(guò)度；如果你減了曝光補(bǔ)償，那么亮部的細(xì)節(jié)會(huì)被保住，不會(huì)有曝光過(guò)度，但是暗部的細(xì)節(jié)就更嚴(yán)重的曝光不足了。我再次強(qiáng)調(diào)這種現(xiàn)象是因?yàn)槲覀兣臄z的對(duì)象自身的亮度反差太大導(dǎo)致的。
這個(gè)時(shí)候有人建議說(shuō)用包圍曝光。那么他們是什么意思呢？他們的意思其實(shí)是說(shuō)：“唉呀！有可能你不知道到底應(yīng)該用加幾檔或者減幾檔的曝光補(bǔ)償來(lái)拍才能拍到最完美的曝光，那么干脆我們就撞大運(yùn)吧，我們就包圍曝光一下”。所謂的包圍曝光就是+3、+2、+1、0，唉，不做曝光補(bǔ)償，然后-1、-2、-3曝光補(bǔ)償。這樣的話，我們就會(huì)得到一大串的不同亮度的、不同曝光補(bǔ)償值的照片。他們的意思是總有一張能撞上好運(yùn)，總有一張能基本上達(dá)到一個(gè)完美曝光的結(jié)果，對(duì)吧？
這種包圍曝光功能實(shí)際上在以前是非常有用的。因?yàn)槲覀円郧坝媚z片相機(jī)拍照的時(shí)候，我好不容易來(lái)一趟黃山的頂端，要拍一張日出的照片，我不知道應(yīng)該加幾檔曝光補(bǔ)償，我又看不到那個(gè)膠片拍出來(lái)的效果，直到我回到家里面去把它沖洗出來(lái)才看到。所以為了保險(xiǎn)起見(jiàn)，我們就有可能會(huì)在現(xiàn)場(chǎng)拍多張不同曝光補(bǔ)償值的照片，這樣就不會(huì)留什么遺憾了。但是我們現(xiàn)在使用數(shù)碼相機(jī)的時(shí)候，我們拍完以后，立馬就能在屏幕里面看到曝光結(jié)果。如果你想看到最精確的曝光結(jié)果，你甚至可以打開(kāi)直方圖來(lái)觀看曝光數(shù)據(jù)，有的是機(jī)會(huì)去糾正你當(dāng)時(shí)的曝光的錯(cuò)誤。你覺(jué)得暗了就加一點(diǎn)，你覺(jué)得亮了就減一點(diǎn)，所以我們?cè)谑褂脭?shù)碼相機(jī)時(shí)已經(jīng)很少會(huì)去單獨(dú)使用包圍曝光這種功能了。
話說(shuō)回來(lái)，包圍曝光實(shí)際上對(duì)于反差太大的環(huán)境是無(wú)能為力的。 這個(gè)我在語(yǔ)音的一開(kāi)頭就跟大家說(shuō)過(guò)了，我們加曝光的時(shí)候就會(huì)有更多的曝光過(guò)度，我們減曝光的時(shí)候就會(huì)有更多的曝光不足。你總是沒(méi)有辦法兩全其美的。所以面對(duì)反差大的環(huán)境時(shí)使用包圍曝光不是一個(gè)解決辦法，這個(gè)時(shí)候我們就要請(qǐng)出HDR的功能了。
HDR合成的“完美曝光”（葉梓攝影）
什么叫HDR呢？它就是在包圍曝光的基礎(chǔ)上把這幾張照片合成在一起，互相之間取長(zhǎng)補(bǔ)短。以上面這張照片為例，我做了一個(gè)示意圖。在第一張圖片里面你能看到包圍曝光的一個(gè)結(jié)果，最左邊-3代表減3檔曝光補(bǔ)償時(shí)拍出來(lái)的這個(gè)場(chǎng)景的亮度，這個(gè)畫(huà)面幾乎是完全曝光不足的，但是它的彩玻璃部分描述的是非常清楚的，彩玻璃沒(méi)有曝光過(guò)度。接下來(lái)是-2的一張、-1的一張、0的一張，一直到加+1，+2，+3。在加三擋這邊，右下角的門框里邊本來(lái)是非常黑暗的，但是現(xiàn)在它也被拍的很亮堂了，里邊的細(xì)節(jié)記錄的很清楚。但與此同時(shí)呢，天拱那塊玻璃附近都已經(jīng)被完全的曝光過(guò)度了。這就是包圍曝光的一個(gè)結(jié)果，也再次證實(shí)了我們之前的說(shuō)法，你沒(méi)有辦法同時(shí)保全兩端的曝光。但是我們有了這7張包圍曝光的照片以后，可以在PS中對(duì)他們進(jìn)行HDR的合成。合成的時(shí)候，我們的電腦會(huì)主動(dòng)的把那張最暗的照片所記錄下的最亮部的細(xì)節(jié)也就是-3檔曝光補(bǔ)償里面的那個(gè)窗戶的細(xì)節(jié)與+3檔里面的那個(gè)右下角最黑暗的門框的細(xì)節(jié)等等這樣的一些這個(gè)各自的長(zhǎng)處進(jìn)行互相的彌補(bǔ)，最后得出來(lái)的照片是完美曝光的。
現(xiàn)在請(qǐng)大家看到第二張照片，你會(huì)發(fā)現(xiàn)這張照片里面最暗部曝光也是足夠亮的，最亮部的曝光也沒(méi)有曝光過(guò)度。它里面沒(méi)有真正的黑與白，沒(méi)有真正的曝光過(guò)度或不足。看上去這已經(jīng)是個(gè)非常完美的結(jié)果了，但是別忘了HDR合成的照片因?yàn)闆](méi)有黑與白，所以它對(duì)比度不夠強(qiáng)，看上去會(huì)有點(diǎn)灰撲撲的。這并不像是我們?nèi)庋劭吹降漠?huà)面，我們?nèi)庋劭吹疆?huà)面也會(huì)有黑的和白色的物體，所以我們?cè)贖DR合成的所謂完美曝光的基礎(chǔ)上還需要再進(jìn)行進(jìn)一步的后期處理。
HDR合成＋后期處理（葉梓攝影）
在第三張照片中，我對(duì)這張照片加強(qiáng)了對(duì)比度，讓亮的地方更亮，暗的地方更暗。但是請(qǐng)注意我并沒(méi)有讓它出現(xiàn)大面積的曝光過(guò)度或不足，控制曝光過(guò)度在2%的范圍內(nèi)，控制曝光不足在5%的范圍內(nèi)。 這樣一來(lái)，整個(gè)畫(huà)面中既有了白與黑，有了強(qiáng)烈的對(duì)比度，有了明快的色彩同時(shí)還沒(méi)有出現(xiàn)大面積的曝光不足或過(guò)度。即使是那些彩玻璃的窗戶，即使是房子最頂端的那些玻璃，你依然可以隱約地分辨出其中的細(xì)節(jié)。
今天給大家講的就是包圍曝光和HDR的區(qū)別。總的來(lái)講，包圍曝光就是撞大運(yùn)，指望能有一張照片的曝光是正確的，但是面對(duì)反差太大的環(huán)境時(shí)它也無(wú)能為力。但你可以運(yùn)用它拍出來(lái)這幾張由暗到明的照片進(jìn)行疊加合成來(lái)得到一個(gè)完全曝光正確的完美曝光的照片。最后我們對(duì)這張HDR合成的照片進(jìn)行后期處理，加大它的反差，讓它回到一個(gè)比較明快的黑白分明的畫(huà)面效果中去。
注：以上文字由小編整理自葉梓老師錄制的語(yǔ)音。
攝影問(wèn)題免費(fèi)解答、加入攝影群學(xué)習(xí)，請(qǐng)?zhí)砑尤~梓老師微信：leonyee3（暗號(hào)：頭條）。
打開(kāi)微信，搜索公眾號(hào)：攝影早自習(xí)，每天早上6：30，不見(jiàn)不散。
原文鏈接：
http://www.katoclass.com/zaozixi20160826.html
TML基本標(biāo)簽，即超文本標(biāo)記語(yǔ)言（HyperText Markup Language）。
標(biāo)簽是由小于號(hào)(<)+中間字符+大于號(hào)(>)組成的代碼（英文字符）組成的，主要是用來(lái)標(biāo)記內(nèi)容模塊的，也可以用來(lái)標(biāo)明元素內(nèi)容的意義。標(biāo)簽一般使用尖括號(hào)包圍，例如：、,這兩個(gè)標(biāo)簽都是表示一個(gè)HTML文件。
作用是給用戶展示特定內(nèi)容或是告訴瀏覽器與搜索引擎關(guān)于網(wǎng)頁(yè)的部分信息。
單標(biāo)簽<只有開(kāi)始標(biāo)簽；雙標(biāo)簽開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽成雙出現(xiàn)；"/”：網(wǎng)頁(yè)上如果某個(gè)標(biāo)簽的小于號(hào)后面有此符號(hào)的即為結(jié)束標(biāo)簽，沒(méi)有此符號(hào)的則為雙標(biāo)簽 的專業(yè)術(shù)語(yǔ)稱為注釋標(biāo)簽。
我們可以將一行代碼的作用、含義、意圖等信息寫(xiě)在這四個(gè)減號(hào)中間，讓自己后期能夠看懂之前寫(xiě)的什么。
標(biāo)簽的使用有兩種形式，一種是成對(duì)出現(xiàn)的標(biāo)簽，另一種是段度出現(xiàn)的標(biāo)簽。無(wú)論是哪種標(biāo)簽，都不能含有空格。
1、成對(duì)式標(biāo)簽成對(duì)式標(biāo)簽也是包含開(kāi)始標(biāo)簽和結(jié)束標(biāo)簽的形式。比如，前端布局中常用的網(wǎng)頁(yè)內(nèi)容，這是一個(gè)標(biāo)準(zhǔn)的成對(duì)出現(xiàn)的標(biāo)簽。起始標(biāo)記標(biāo)志代表內(nèi)容段的開(kāi)始，而結(jié)束標(biāo)記則代表內(nèi)容段的結(jié)束。
2、雖然不是所有的開(kāi)始標(biāo)簽都要有對(duì)應(yīng)的結(jié)束標(biāo)簽，但是最好都有，這樣網(wǎng)站頁(yè)面更容易閱讀，也更容易需要更改。如果開(kāi)始標(biāo)記和結(jié)束標(biāo)記之間沒(méi)有內(nèi)容，可以寫(xiě)成。
3、標(biāo)簽屬性的定義
和元素相關(guān)的特性就是屬性，可以為屬性賦值。正常情況下，可以不使用引號(hào)來(lái)包含屬性值，這時(shí)候?qū)傩灾祽?yīng)該包含數(shù)字、字母、符號(hào)。使用引號(hào)可以更好的表現(xiàn)，因?yàn)檫@符合W3C的標(biāo)準(zhǔn)，并且可以順利的鏈接未來(lái)的標(biāo)準(zhǔn)。
4、大小寫(xiě)規(guī)范
項(xiàng)目名稱及屬性均不分大小寫(xiě)，但仍建議使用者標(biāo)簽以大寫(xiě)字母為主，屬性以小寫(xiě)字母為主，以便于瀏覽及了解。
5、基本標(biāo)簽：
（1）段落標(biāo)簽
在html中如果你輸入兩段話，那么他顯示的還是顯示在一行上，這個(gè)時(shí)候就需要我們?cè)诜侄蔚牡胤郊由?段落標(biāo)簽 才能正常換行
（2）標(biāo)題字
標(biāo)題字就像我們的word文章標(biāo)題一樣，需要明確那些文字是標(biāo)題
（3）換行符
輸入一段話我們想要在某一段在下一行顯示，那么就需要進(jìn)行換行。
（4）水平線
我們常常用一條線來(lái)分割上下文，那么就會(huì)用到 水平線 這個(gè)標(biāo)簽
（5）預(yù)留格式
當(dāng)我們?cè)趆tml頁(yè)面中寫(xiě)如一些東西的時(shí)候他往往不會(huì)按照你輸入的格式來(lái)，那么就需要用到 預(yù)留格式 這個(gè)標(biāo)簽
（6）粗體字 斜體字 插入字 刪除字
粗體字 粗體字
斜體字 斜體字
插入字 插入字
刪除字 刪除字 就是刪除字中間有一條橫線
（7）右上角加字 右下角加字
右上角加字： 102
右下角加字： CO2
（8）字體標(biāo)簽
有些時(shí)候我們想在一些文字加上一些修飾，那么就需要用到字體標(biāo)簽有些時(shí)候我們想在一些文字重點(diǎn)強(qiáng)調(diào)加上修飾。效果如下：有些時(shí)候我們想在一些文字重點(diǎn)強(qiáng)調(diào)，加上修飾。
如果想學(xué)習(xí)更多前端知識(shí)，歡迎移步我們官網(wǎng)，上面有很多免費(fèi)在線課程，各個(gè)方向的都有。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
