写给大家的编程书(2)
生活随笔
收集整理的這篇文章主要介紹了
写给大家的编程书(2)
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
瀏覽器,昵稱世界之窗,是上篇提到的標(biāo)準(zhǔn)和規(guī)范的一部分。 那個(gè)時(shí)候,火狐還叫NetScape(網(wǎng)景)這個(gè)名字,它將在以后的幾年和IE拼得你死我活。那個(gè)時(shí)候,Google還沒有出生,更別提Chrome了。
瀏覽器之所以是標(biāo)準(zhǔn)和規(guī)范中的一部分,是因?yàn)闉g覽器直接實(shí)現(xiàn)了許多標(biāo)準(zhǔn)和規(guī)范,譬如展現(xiàn)一個(gè)表格、一個(gè)按鈕、一幅居中的圖片。 標(biāo)準(zhǔn)和規(guī)范的核心內(nèi)容之一就是HTML。 HTML是一種通用標(biāo)記語言,標(biāo)記語言可以這樣通俗地解釋:它主要包含兩個(gè)部分即我是什么,我的內(nèi)容是什么。通用意味著HTML與平臺(tái)和操作系統(tǒng)無關(guān),無論在Mac、PC還是平板電腦上都能被解析和展現(xiàn)。 隨意打開一個(gè)網(wǎng)頁,單擊右鍵查看源文件你就能看到冗長的HTML。
”我是什么“通過標(biāo)簽——Tag定義,標(biāo)簽用<>表示,所有標(biāo)簽基本都是成對(duì)出現(xiàn)的:比如<html>...</html>。以"</"打頭的標(biāo)簽代表標(biāo)簽的結(jié)束。 "..."是標(biāo)簽中的內(nèi)容,即“我的內(nèi)容是什么”。
例如<h1>(heading NO.1)代表一個(gè)標(biāo)題(<h1><h2><h3><h4>...都是同一個(gè)家族里的標(biāo)簽,標(biāo)題的字號(hào)大小隨數(shù)字的增大減小,h1最大),現(xiàn)在你需要在空白的網(wǎng)頁里寫下一個(gè)大大的標(biāo)題——“鴿子的晚餐”。
我們遵照上面的規(guī)則進(jìn)行:
<h1>(我是一個(gè)標(biāo)題,這個(gè)是標(biāo)簽定義的開始) ????鴿子的晚餐(我是標(biāo)題里的內(nèi)容)
</h1>(我說完了,標(biāo)簽定義結(jié)束了)
源碼: <h1>鴿子的晚餐 </h1> p.s <h1>后的換行,鴿子前的空格鎖緊(一般3到4個(gè)空格)都是約定俗成的,能讓“代碼”的閱讀者一眼就可以區(qū)分標(biāo)簽定義和標(biāo)簽內(nèi)容,當(dāng)然寫作: <h1>鴿子的晚餐</h1> 也可以,而且這種寫法更為常見。 將源碼復(fù)制到寫字板中,“另存為”為html類型。打開文件,就可以看到如下的效果:
為了充分說明標(biāo)記語言中“標(biāo)記”的特性,我們請(qǐng)出標(biāo)題系列的其他兄弟:<h2><h3><h4>,仍然按照之前的規(guī)則。
源碼: <h1>鴿子的晚餐 </h1> <h2>鴿子的晚餐 </h2> <h3>鴿子的晚餐 </h3> <h4>鴿子的晚餐 </h4>
效果:
我們發(fā)現(xiàn)同樣內(nèi)容的tag,其展現(xiàn)形式是通過tag也就是標(biāo)簽的類型“標(biāo)記”的,展現(xiàn)通過瀏覽器來完成,也就是上文里提到的解析過程:確實(shí)達(dá)到了精簡(jiǎn)傳輸信息量的目的(比如h1包含了字體大小,展現(xiàn)方法等很多信息)。 然后再提供一些tag:<ol>(ordered list)是有序的列表,<li>是列表中的每個(gè)項(xiàng)。
源碼: <h1>鴿子的晚餐 </h1> <ol><li>香辣鴿子</li><li>紅燒鴿子</li><li>原味燉鴿子</li> </ol>
效果:
上面的結(jié)構(gòu)中已經(jīng)出現(xiàn)了一個(gè)標(biāo)簽包含其他標(biāo)簽們的情況,<ol>的內(nèi)容是3個(gè)<li>,第一個(gè)<li>的內(nèi)容是“香辣鴿子“。先賣一個(gè)關(guān)子,后面再了解這種嵌套結(jié)構(gòu)。 想了解更多的標(biāo)簽,可以參看W3CSchool的教程, http://www.w3school.com.cn/html5/html5_reference.asp。這部分純粹是記憶活,用多了自然可以信手拈來。
“編寫HTML是否是在編程”(或者說HTML是否是程序設(shè)計(jì)語言)這個(gè)問題一直沒有定論,筆者傾向認(rèn)為“編寫HTML并非在編程”,具體原因先記在賬本上,稍后按揭。不過可以片面地解釋一下,編程是較為理性的;用HTML搭建頁面,如藝術(shù)創(chuàng)作一般是較為感性的。
待續(xù)
瀏覽器之所以是標(biāo)準(zhǔn)和規(guī)范中的一部分,是因?yàn)闉g覽器直接實(shí)現(xiàn)了許多標(biāo)準(zhǔn)和規(guī)范,譬如展現(xiàn)一個(gè)表格、一個(gè)按鈕、一幅居中的圖片。 標(biāo)準(zhǔn)和規(guī)范的核心內(nèi)容之一就是HTML。 HTML是一種通用標(biāo)記語言,標(biāo)記語言可以這樣通俗地解釋:它主要包含兩個(gè)部分即我是什么,我的內(nèi)容是什么。通用意味著HTML與平臺(tái)和操作系統(tǒng)無關(guān),無論在Mac、PC還是平板電腦上都能被解析和展現(xiàn)。 隨意打開一個(gè)網(wǎng)頁,單擊右鍵查看源文件你就能看到冗長的HTML。
”我是什么“通過標(biāo)簽——Tag定義,標(biāo)簽用<>表示,所有標(biāo)簽基本都是成對(duì)出現(xiàn)的:比如<html>...</html>。以"</"打頭的標(biāo)簽代表標(biāo)簽的結(jié)束。 "..."是標(biāo)簽中的內(nèi)容,即“我的內(nèi)容是什么”。
例如<h1>(heading NO.1)代表一個(gè)標(biāo)題(<h1><h2><h3><h4>...都是同一個(gè)家族里的標(biāo)簽,標(biāo)題的字號(hào)大小隨數(shù)字的增大減小,h1最大),現(xiàn)在你需要在空白的網(wǎng)頁里寫下一個(gè)大大的標(biāo)題——“鴿子的晚餐”。
我們遵照上面的規(guī)則進(jìn)行:
<h1>(我是一個(gè)標(biāo)題,這個(gè)是標(biāo)簽定義的開始) ????鴿子的晚餐(我是標(biāo)題里的內(nèi)容)
</h1>(我說完了,標(biāo)簽定義結(jié)束了)
源碼: <h1>鴿子的晚餐 </h1> p.s <h1>后的換行,鴿子前的空格鎖緊(一般3到4個(gè)空格)都是約定俗成的,能讓“代碼”的閱讀者一眼就可以區(qū)分標(biāo)簽定義和標(biāo)簽內(nèi)容,當(dāng)然寫作: <h1>鴿子的晚餐</h1> 也可以,而且這種寫法更為常見。 將源碼復(fù)制到寫字板中,“另存為”為html類型。打開文件,就可以看到如下的效果:
為了充分說明標(biāo)記語言中“標(biāo)記”的特性,我們請(qǐng)出標(biāo)題系列的其他兄弟:<h2><h3><h4>,仍然按照之前的規(guī)則。
源碼: <h1>鴿子的晚餐 </h1> <h2>鴿子的晚餐 </h2> <h3>鴿子的晚餐 </h3> <h4>鴿子的晚餐 </h4>
效果:
我們發(fā)現(xiàn)同樣內(nèi)容的tag,其展現(xiàn)形式是通過tag也就是標(biāo)簽的類型“標(biāo)記”的,展現(xiàn)通過瀏覽器來完成,也就是上文里提到的解析過程:確實(shí)達(dá)到了精簡(jiǎn)傳輸信息量的目的(比如h1包含了字體大小,展現(xiàn)方法等很多信息)。 然后再提供一些tag:<ol>(ordered list)是有序的列表,<li>是列表中的每個(gè)項(xiàng)。
源碼: <h1>鴿子的晚餐 </h1> <ol><li>香辣鴿子</li><li>紅燒鴿子</li><li>原味燉鴿子</li> </ol>
效果:
上面的結(jié)構(gòu)中已經(jīng)出現(xiàn)了一個(gè)標(biāo)簽包含其他標(biāo)簽們的情況,<ol>的內(nèi)容是3個(gè)<li>,第一個(gè)<li>的內(nèi)容是“香辣鴿子“。先賣一個(gè)關(guān)子,后面再了解這種嵌套結(jié)構(gòu)。 想了解更多的標(biāo)簽,可以參看W3CSchool的教程, http://www.w3school.com.cn/html5/html5_reference.asp。這部分純粹是記憶活,用多了自然可以信手拈來。
“編寫HTML是否是在編程”(或者說HTML是否是程序設(shè)計(jì)語言)這個(gè)問題一直沒有定論,筆者傾向認(rèn)為“編寫HTML并非在編程”,具體原因先記在賬本上,稍后按揭。不過可以片面地解釋一下,編程是較為理性的;用HTML搭建頁面,如藝術(shù)創(chuàng)作一般是較為感性的。
待續(xù)
轉(zhuǎn)載于:https://www.cnblogs.com/suncoolcat/p/3395440.html
總結(jié)
以上是生活随笔為你收集整理的写给大家的编程书(2)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 测试用例的一般结构
- 下一篇: 免费的SEO工具软件大全