標籤:bsp csharp 部落格 寬度 sharp pre 過程 .com 列表
天正式開始學習HTML的基礎製作,有簡單的指令開始入手。
第一天的學習,因為基礎,所以覺得還算簡單,主要是對網頁背景、圖片、文字、表格等的編輯,和一部分連結的使用。
由下面的的一個案例,通過所學的簡單指令,自己做出來。
下面是Dreamweaver的編輯過程
<body bgcolor="black" text="#FFFFFF" topmargin="200" leftmargin="100"><font size="+6"><i>作 業</i></font><font size="+3">20161221</font><p><del>作業可以不完成</del></p><p>One may fell in love with people during the lifeime.</p><p>When you finally get your own happiness,</p><p>you will understand the previous sadness is kind of treasure,</p><p>whice makes you better to hold and cherishthe people you love</p><strong>字型是:</strong><br /><font face="微軟雅黑"><u>微軟雅黑</u></font><p><img src="作業圖片.gif" width="70" alt="圖裂了" title="哈哈哈" /><br />圖裂了</p><ol type="a"><font size="+5"><strong>要求</strong></font><li>獨立完成</li><li>今天所講的都要練一遍</li><li>做好部落格的筆記</li></ol><ul type="disc"><font size="+5"><strong>PS</strong></font><li>注意有序/無序列表的使用</li><li>圖片長款都是100px,點擊圖片可以串連到網頁頂端</li><li>有求完成度在70%以上</li><li>不會的可以<span><font color="#CCFF00"><a href="http://www,baidu.com" target="_blank">百度</a></font></span>(此連結在新頁面開啟)</li><li>網頁的上邊距和左邊距為200px</li><li>滑鼠移動到圖片上顯示“哈哈哈”</li><li>壞圖上顯示“圖裂了”</li></ul><table border="1px" width="400px" height="200px"><tr align="center"><td><b>高度/寬度</b></td><td><b>對齊</b></td><td><b>背景顏色</b></td><td rowspan="2"><b>合併儲存格</b></td></tr><tr><td align="center" valign="bottom" bgcolor="#999999"><b>400px/200px</b></td><td align="right" valign="bottom" bgcolor="#999999"><b>靠右/靠下</b></td><td align="right" valign="bottom" bgcolor="#999999"><b>gray</b></td></tr></table></html>
新課程開始的第二天,HTML基礎製作