HTML 是用來描述網頁的一種語言。HTML 是一種在 Web 上使用的通用標記語言。HTML 允許你格式化文本,添加圖片,創建鏈接、輸入表單、框架和表格等等,并可將之存為文本文件,瀏覽器即可讀取和顯示。
新建一個test.html文件,內容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一個標題</h1><p>我的第一個段落。</p> </body></html>
其中:
保存后運行,即可在瀏覽器中打開如下界面
3.1 標題
HTML 標題(Heading)是通過<h1> - <h6> 標簽來定義的.
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>這是標題 1</h1><h2>這是標題 2</h2><h3>這是標題 3</h3><h4>這是標題 4</h4><h5>這是標題 5</h5><h6>這是標題 6</h6> </body></html>
3.2 段落
HTML 段落是通過標簽 <p> 來定義的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>這是一個段落。</p><p>這是一個段落。</p><p>這是一個段落。</p> </body></html>
3.3 鏈接
HTML 鏈接是通過標簽 <a> 來定義的
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">這是一個鏈接使用了 href 屬性</a> </body></html>
3.4 圖像
HTML 圖像是通過標簽 <img> 來定義的。注意: 圖像的名稱和尺寸是以屬性的形式提供的。
<!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> 標簽來定義。每個表格均有若干行(由 <tr> 標簽定義),每行被分割為若干單元格(由 <td> 標簽定義)。字母 td 指表格數據(table data),即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標簽進行定義。如果不定義邊框屬性,表格將不顯示邊框。有時這很有用,但是大多數時候,我們希望顯示邊框。使用邊框屬性來顯示一個帶有邊框的表格:
<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.1 基本文檔
<!DOCTYPE html><html><head><title>文檔標題</title></head><body>可見文本...</body></html>
4.2 基本標簽
<h1>最大的標題</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的標題</h6> <p>這是一個段落。</p><br> (換行)<hr> (水平線)<!-- 這是注釋 -->
4.3 文本格式化
<b>粗體文本</b><code>計算機代碼</code><em>強調文本</em><i>斜體文本</i><kbd>鍵盤輸入</kbd> <pre>預格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> (縮寫)<address> (聯系信息)<bdo> (文字方向)<blockquote> (從另一個源引用的部分)<cite> (工作的名稱)<del> (刪除的文本)<ins> (插入的文本)<sub> (下標文本)<sup> (上標文本)
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">發送e-mail</a>書簽:<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>
4.5 圖片
<img src="URL" alt="替換文本" height="42" width="42">
4.6 樣式/區塊
<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級元素</div><span>文檔中的內聯元素</span>
4.7 無序列表
<ul> <li>項目</li> <li>項目</li></ul>
4.8 有序列表
2018年尼康Z系列、佳能EOS R系列發布以來,佳能、尼康乃至此前推出L卡口的徠卡紛紛宣傳大卡口直徑的優勢,這使得索尼E卡口搭載全畫幅偏小的問題,成為廠商和粉絲爭論的議題,其中涉及卡口直徑在鏡頭設計上會影響哪些因素。
對于E卡口直徑過小的影響,無忌泡菜“zeratulmrye”給出了比較系統的看法:
泡 菜 說 - 帖主觀點 -
在不考慮移軸的情況下,沒有什么規格的鏡頭是E口做不出來的,這一點是毫無疑問的。區別在于,出瞳直徑不能大于卡口直徑,所以當f/F>卡口直徑時,出瞳的位置就必須向CMOS靠攏,導致畫面邊緣的光線入射角增大。
出瞳和CMOS的距離在很大程度上和焦距相關。所超廣角鏡頭的出瞳天生就離CMOS很近,對索尼來說反而是最好做的鏡頭。倒是單反因為法蘭距太長,必須付出額外的努力把出瞳往前移動,導致鏡頭體積增大。對于E口來說則剛好相反,假如一個鏡頭的f/F超過40mm且本身焦距很長(比如85F1.4),那么索尼可能需要耗費額外的努力把出瞳往后移,確保出瞳直徑小于卡口。也就是說真正可能受影響的是長焦大光圈鏡頭。目前E口里最受影響的鏡頭理論上應該是400mmF2.8。
至于邊緣入射角的大小主要影響暗角,和銳度沒有必然聯系。但是轉接時會有個問題:各個系統的鏡頭都是在考慮到CMOS表面玻璃對光路的影響的前提下設計的,轉接時由于CMOS玻璃的厚度/折射率不再匹配,基本上入射角越大則銳度下降得越明顯。LensRentals上有大量文章都在解釋這個問題,下面這幅仿真圖解釋了玻璃不匹配時出瞳位置(光線入射角)對MTF曲線的影響:
所以轉接崩邊真正的原因并不是開口太小,而是因為超廣角鏡頭的入射角天生就比較大。實際上,入射角太大的光線反而不可能被轉接環遮住。
既然如此,為什么有的轉接環(比如MB)的表現會比別的轉接環(比如MC11)更好?多數人的錯覺是因為MB開口更大,但實際原因可以參考旁軸鏡頭所謂的前置鏡片法,即假如一個旁軸頭轉接到A7上嚴重崩邊的話,在鏡頭前裝一片某種特定規格的濾鏡(修改整個光路)反而有可能大幅增加邊角畫質。這篇文章里有非常詳細的測試:https://phillipreeve.net/blog/rangefinder-wide-angle-lenses-on-a7-cameras-problems-and-solutions/
而對于浮動對焦的鏡頭來說,只要轉接環的厚度不夠,同樣會對光路產生影響。有些廠商可能是出于接環過長無限遠會不能對焦的擔心,故意把接環給做短了,但這反而有可能使得本來崩邊的轉接頭素質提升。根據Jim Kasson的測試,Metabone的誤差是所有測試的環里成績最差的,高達0.35mm:https://blog.kasson.com/the-last-word/adapter-flange-distance-errors/
另一個測試則表明,適馬18-35本身在變焦時可以保持焦點不變,非常適合視頻拍攝,而且在搭配MC-11時依然如此。但一旦你使用MB4的話就完蛋了,焦點根本無法保持。可見適馬MC-11的厚度非常精準,而MB4的長度嚴重縮水,明顯改變了鏡頭光路:https://www.newsshooter.com/2016/12/04/does-the-sigma-18-35mm-f1-8-hold-focus-when-zoomed-and-could-your-lens-adapter-be-part-of-the-problem-or-solution/
但在轉接的時候,MB4偏短的特性反而有可能提升廣角鏡頭的素質,適馬越精準反而越不討好。
而出瞳的大小很大程度上取決于最后一片鏡片的尺寸,所以轉接時真正可能被E口內徑限制住的反而是佳能85mm F1.2這種屁股極大的鏡頭。假如E口的尺寸確實影響這類鏡頭的轉接的話,會出現的現象也不是銳度下降,而是更嚴重的暗角和口徑蝕。
至于原生鏡頭方面,首先移軸鏡頭受卡口直徑影響最嚴重的是移軸量。從理論上來說,E卡口做正負12mm的移軸是綽綽有余的,但是鑒于佳能尼康的卡口確實比E口大,如果它們強行提升移軸量,繼續往16mm、18mm發展的話,最后一定會出現E卡口跟不上的時候。
除此以外,索尼做長焦大光圈鏡頭會比佳能尼康更費力,尼康佳能的出瞳距離可長可短,而索尼就不行,這可能導致索尼要使用更多的鏡片、鏡頭體積更大、成本更高或者素質更差之類,但是鑒于本人水平所限,無法定量分析出這個影響到底有多大。如果單看現有產品的話,85GM反而是口徑蝕最小的85mmF1.4鏡頭,100-400GM同樣非常優秀,但70-200GM橫向對比明顯不如尼康佳能新頭。400GM本人沒有用過,不好發話。
根據佳能的JPA2018018101專利的第一個實例(400F2.8)畫了下從出瞳到CMOS的簡化光路圖。這個專利可能就是佳能新400F2.8,我也懶得和實際產品對比了,反正設計思路跟400GM非常接近。出瞳和CMOS的距離為170mm,出瞳徑60.71mm,遠遠大于E卡口直徑。可以看出幾個問題:
1)1號光線可以輕松通過EF卡口,但不能通過E卡口
2)我不知道E卡口裝上鏡頭后直徑還剩多少,如果卡爪太厚的話,有可能連2號光線(主光線)都無法通過E口
3)但是由于3號光線的存在,轉接到索尼上肯定還是能成像的,只不過暗角和口徑蝕會非常感人
4)佳能在專利里標出了卡口處的“有效直徑”,也就是說雖然卡口本身夠大,但由于鏡片尺寸或者其它光闌的約束,1號光線其實也無法通過EF卡口。但是佳能的情況不管怎么看都是比索尼好的
5)考慮到鏡頭總歸是有暗角和口徑蝕的,索尼對出瞳徑的要求其實并沒有理論那么嚴格,真比卡口大點其實也沒關系。雖然佳能這個設計肯定不能給索尼用,但出瞳再往右挪挪估計就OK了。
總體來說,E口直徑偏小肯定是有弱點的,但是光路圖一畫出來感覺好像也沒那么嚴重……
總結一下:索尼設計焦距特別長、焦距除以光圈特別大的鏡頭時比別的廠商更困難,因為必須把出瞳往右移動,假如索尼不移動出瞳的話,暗角和口徑蝕會很嚴重,設計更困難不代表產品一定不如別人好。
泡 菜 說 - 其他觀點 -
泡菜@iZaZaD:補充一點兒樓主沒提到的內容,關于呼吸效應與后組直徑的,松下的DFD技術資料里邊提到兩條內容:
對于相同的DFD方法,瞳孔分割相位差檢測方法,為了估計距離而不用花費時間,并且取兩張待最小化的薄片,然而,需要獲得透鏡模糊參數。而且,實際上,在模糊圖像中,除了透鏡的存在之外,還存在由成像裝置產生的孔徑模糊、模糊膜特性等。因此,需要事先獲得和考慮這些歧義。
問題[0014]DFD方法是,在拍攝兩個焦距彼此不同的圖像的時候,圖像的放大率不能發生變化。通常的傳統的光學系統中考慮這種情況的不是很多。也就是說,需要使用圖像側遠心光學系統(例如,參照非專利文獻3)。
這里提到的 圖像放大率不能發生變化,說的是鏡頭的呼吸效應 ,并且說,解決鏡頭的呼吸效應,需要使用圖像側遠心光學系統,也就是大口徑后組鏡片。該文件鏈接:http://www·freepatentsonline·com/8705801.html
泡菜@realt:樓主的光路可以解釋后置光圈的鏡頭,實際上大量鏡頭的光圈都不在鏡組的最后一片的外面,全在里面,甚至比較靠中間,所以出瞳不會想樓主圖那樣受那么大影響,甚至可以說,啥卡口尺寸對于長焦來說,結構都可以差不多。
泡菜@aapril:nikon的f口又細又長 廣角長焦都不適合,但是nikon廣角不一樣壓了佳能很多年 70-200fl也是壓佳能一頭,還是看舍不舍得堆料吧,口小最多暗角嚴重點
泡菜@iZaZaD:nikon的卡口問題不是長,主要問題是細。法蘭距長點兒是有助于改善暗角,但是很不利于做大光圈。
泡菜@NSX:其實我想說的是同樣720 2.8規格,論口徑 ef>fe>F ,論素質f>ef≈fe,論價格fe>f>ef,樓主說的從理論上講有它有道理的一面,但落實到我們能買到的產品,那完全是另一回事了,小卡口的70-200fl素質最牛,價格也不是同規格最貴,這就是與理論的偏差。
影響素質的一方面是鏡頭素質,另一方面是傳感器設計(注意,是設計,不是性能),這也是同樣的鏡頭在舊型前照傳感器上崩邊,而在新的背照傳感器上不崩的原因,影響價格的除了設計與材料成本,還有商家的定位,產地,渠道――sony的東西從耳機到電視再到大家都不咋用的手機,從來就沒有便宜過,這更多的是品牌定位。
泡菜@dafadizi:我在dpreview上已經看過相關討論了,主要是沒明白exit pupil(注:出射光瞳)是啥意思,樓主的解讀很好。
卡口肯定不是越大越好,在能實現所有設計的基礎上,是越小越好的。而E卡口可以實現所有設計(除個別移軸)。就日常掛機鏡頭、掃街頭、旅游頭來說,小卡口能減重,能節約鏡片,也是很明顯的。
泡菜@ultraHD:(回復dafadizi的觀點)顯然不是,因為現在技術不可能做到,佳能尼康徠卡阿萊的新卡口都一個特點就是口徑都加大了,連已經有54mm直徑的PL卡口阿萊都換成了62mm口徑的LPL卡口,而老的PL口放全畫幅綽綽有余,索尼Venice,Red monsterVV都是沿用的PL口,為什么阿萊自己要加大?很簡單因為三大數字電影機廠只有阿萊自己做電影鏡頭,自然要從鏡頭設計考慮卡口大小。
泡菜@numpfish:我來給樓主來點證據補充, FE400mm 2.8 GM基本上證實了樓主的觀點, 光圈全開的時候, 口徑蝕非常嚴重(主要表現為旋焦, 光斑殘缺)
以下圖片全部轉自dpreview 圖片鏈接, 可以清晰的看到所有圖片的邊角變形非常明顯
泡菜@zeratulmrye:明確一下出瞳這個概念。出瞳其實就是光闌通過光闌后側鏡片所成的像,而入瞳是光闌通過前側鏡片所成的像。所以你從鏡頭的前方或者屁股看進去,光圈的大小可能是不一樣的。出瞳的直徑=出瞳到CMOS的距離/光圈,所以你從鏡頭的屁股測量一下光圈的大小,理論上應該可以直接算出出瞳的位置。出瞳的位置對畫面中心沒有任何影響,但是影響畫面邊緣的入射角。從鏡頭內出射的主光線往反方向畫延長線(虛線),交匯的地方就是出瞳(如圖)。
而入瞳直徑則等于焦距/光圈值,也就是說我們平時說的光圈直徑其實就是入瞳直徑。入瞳所在位置是入射光線延長后的交匯點,所以按照這個點旋轉是沒有視差的,也就是接片黨俗稱的所謂“主節點”。
而真正的主節點其實又是另外一個東西。只能說攝影圈使用的很多光學術語其實都是錯的……
出瞳和入瞳之間的尺寸之比叫出瞳入瞳比pm。在微距狀態下,鏡頭的光圈會下降到(m/pm+1)F,也就是說pm越大的鏡頭(出瞳離CMOS越遠的鏡頭)有效光圈會越大。
泡菜@rallyho:按樓主的邏輯,卡口越大設計越容易,sony的小卡口做長焦要“更多的鏡片、鏡頭體積更大、成本更高或者素質更差”,然而事實(24GM/140GM/428GM等等)正好相反,是不是說明sony的設計能力遠超其他廠商呢?
從普通用戶角度出發,鏡頭越小越輕越好,價格越便宜越好,畫質夠用就行(因為畫質提升不是線性的,一丁點的提升會導致體積重量大幅提高),比如最近福倫達出的21/3.5,畫質不如Loxia21,然而體積重量和價格差不多都少了一半,f8下沒什么區別,對于拍風光來說會優先選福倫達。實際上loxia21已經夠小的了,同樣規格在大卡口下體積重量和價格必然上升,然而這是用戶需要的嗎?
泡 菜 說 - 小結 -
泡菜@zeratulmrye通過比較完整的理論打破了“E卡口太小做不了F1.2定焦”的論調,提出“沒有什么規格的鏡頭是E口做不出來的”、“真正可能受影響的是長焦大光圈鏡頭”、“索尼做長焦大光圈鏡頭會比佳能尼康更費力”、“如果佳能/尼康強行提升移軸量,繼續往16mm、18mm發展的話,最后一定會出現E卡口跟不上的時候”,總的來說E卡口直徑過小對大部分鏡頭開發沒有什么影響,除非友商祭出“前所未有”、“極端”規格鏡頭,E卡口可能會在開發上更為困難,但用戶也要清楚“超規格”鏡頭通常伴隨實用性、便攜性下降,售價更是上天。
如今索尼已開始對E卡口鏡頭群進行新一輪更新,接連推出FE 12-24mm F2.8 GM、FE 35mm F1.4 GM、FE 50mm F1.2 GM等三款GM高素質鏡頭,顯然E卡口并沒有讓索尼在這場“鏡頭大戰”中處于被動,反而頻頻做出反擊。
編輯 | 梁爽
、網頁
1.網站是網頁的集合,網頁是構成網站的基本元素,是由圖片、鏈接、文字、聲音、視頻等元素組成的HTML格式文件。
2.HTML是超文本標記語言(Hyper Text Markup Language),是用來描述網頁的一種標記語言,而不是編程語言。超文本是指可以加入圖片、聲音、動畫、多媒體等,超越了文本限制;也可以從一個文件跳轉到另一個文件,是超級鏈接文本。
3.網頁的生成:前端人員編寫HTML文件,通過瀏覽器打開就能看到網頁。
二、瀏覽器(網頁顯示,運行的平臺)
1.常用瀏覽器
IE、Firefox 、Chrome 、Safari 、Opera
2.瀏覽器內核(渲染引擎)
讀取網頁內容,整理訊息,計算網頁顯示方式并顯示頁面
三、Web標準
1.Web標準:由W3C組織和其他標準化組織制定的一系列標準的集合。(W3C是萬維網聯盟)
2.Web標準的構成
(1) 結構(Structure):對網頁元素進行整理分類(HTML)
(2) 表現(Presentation):設置網頁元素的版式、顏色、大小等外觀樣式(CSS)
(3) 行為(Behavior):網頁模型的定義及交互的編寫(JavaScript)
3.為什么需要Web標準?
(1) 瀏覽器不同,顯示頁面或排版有所差異
(2) 寫出的頁面更標準,更統一
(3) 內容能被廣泛設備訪問,更容易被搜索引擎搜索
(4) 降低網站流量費用,使網站更易于維護
(5) 提高頁面瀏覽速度
*請認真填寫需求信息,我們會在24小時內與您取得聯系。