網頁設計師是一個正在消失的職業。工具推陳出新，工作更加專業和顆粒化，加之網際網路技術的普及，這群人中的多數經歷過一場辛酸地技術性失業。 當然，回到當初。網頁設計一度是文科森和藝術家們的陣地，那個時候photoshop還沒有那麼多奇妙的濾鏡。設計網頁如同設計海報一般，合理的配色、插圖、內容佈局一定會贏得客戶的稱讚。網頁還沒有那麼多互動行為，像一個視窗或者是一種包裝，你“網際網路了”，說明你“潮”了，有主頁的公司似乎充滿了技術含量和進取心。 色彩、佈局、樣式同樣是HTML規範中的一部分（雖然新的標準中，大部分被廢除且不建議使用了）。才情和個性，要在HTML的框架和規則中進行張揚，文科森和藝術家們笑了，哈哈，不過是些記憶活。 我們曾經提到過，標籤主要包含：”我是什麼“，”我的內容是什麼“兩個部分，作為補充，屬性也是標籤的重要組成。 屬性包含了屬性名和屬性值。它們的作用是，在相似的群體中，較準確地定義個體或者小群體以消除二義性。廠裡的工友分工不同，我們希望找到前端和開發：我們建立一個屬性，他的屬性名是工種，屬性值可以是前端、開發、運營、產品經理...中的任何一個值。 下面給出表示屬性的規則： 屬性包含在HTML標籤中，注意是在”我是什麼“定義開始的標籤中而不是定義結束的標籤中：<h1 屬性> 一個標籤定義中可以包含多個屬性，不同屬性用空格分開：<h1 屬性1 屬性2 屬性3> 嗯，通過 屬性名=屬性值的方式表示屬性，屬性值一般用雙引號包裹：<h1 工作="前端" 年齡="16" 印象="童工"> 最後，所有符號必須是英文半形符號，練習時使用中文輸入法的童鞋不妨切換一下。 利用這個規則，我們可以嘗試一些更為高階的標籤，順便豐富一下”鴿子選單“。 <input>標籤，通過type屬性來確定控制元件的型別。比如文字框是text，單選框是radio，多選框是checkbox，按鈕是button。 我們在頁面中加入幾個單選框，詢問一下客人是否願意點選單上的鴿子大餐吧： 單選框1：<input type="radio">上菜吧！</input> 單選框2：<input type="radio">再等等！</input> 選了單選後框，要讓客人可以確定一下，這樣我們的廚房後臺才會知道，同樣還是<input>我們把型別制定為button(按鈕)。因為”確定“兩個字是寫在按鈕上的，“上菜吧！”這些文字是寫在單選框旁邊的，所以有必有把“確定”兩個字作為<input>的一個屬性：這裡引入一個屬性value，可以標識按鈕上顯示的文字，還是按照上面的規則，可以寫為<input type="button" value="確定"></input>。 原始碼

<h1>
	鴿子的晚餐
</h1>
<ol>
	<li>
		香辣鴿子
	</li>
	<li>
		紅燒鴿子
	</li>
	<li>
		原味燉鴿子
	</li>
</ol>

<input type="radio">上菜吧！</input>
<input type="radio">再等等！</input>
<input type="button" value="確定"></input>

效果

等等，確定按鈕不是應該換行嗎？我們介紹一個新的標籤<br>，單寫一個<br>就好，<br></br>無需成對出現。把兩個個<br>加在單選框和確定按鈕之間，一個<br>代表換一行，兩個連續的<br>代表換兩行： 原始碼

<input type="radio">上菜吧！</input>
<input type="radio">再等等！</input>
<br>
<br>
<input type="button" value="確定"></input>
 

效果
再來，讓藝術來得更猛烈一些吧！我們在“鴿子的晚餐“下畫一條線——插入一個<hr>（horizon水平線）標籤。 讓標題加粗<b></b>；變紅！<font color="red">；居中！<center></center> 強調每一道鴿子菜<em></em>；要藍色的文字，不然奧特曼了！<font color="blue"> 原始碼

<h1>
	<center>
		<font color="red">
			<b>
				鴿子的晚餐
			</b>
		</font>
	</center>
</h1>
<hr>
<ol>
	<li>
		<font color="blue">
			<em>
				香辣鴿子
			</em>
		</font>
	</li>
	<li>
		<font color="blue">
			<em>
				紅燒鴿子
			</em>
		</font>
	</li>
	<li>
		<font color="blue">
			<em>
				原味燉鴿子
			</em>
		</font>
	</li>
</ol>

<input type="radio">上菜吧！</input>
<input type="radio">再等等！</input>
<br>
<br>
<input type="button" value="確定"></input>
 

一種非理性的趕腳直接上腦，網頁設計師真厲害！但是很快，一大波煩惱就會接近，或許對很多人和公司而言是噩夢。 待續