3月19 HTML静态网页的制作
?
HTML ：內容（Hyper Text Markup Language,超文本標記語言）
<html>---開始標簽
??? ?<head>
???????????網頁上的控制信息
?? <title>頁面標題</title>
?? </head>
<body>
??? 頁面顯示的內容
</body>
</html>----結束標簽
?body的屬性
bgcolor????????? ?頁面背景色
text??????????????? 文字顏色
topmargin?????? 上頁邊距
leftmargin??????? 左頁邊距
rightmargin????? 右頁邊距
bottomargin???? 下頁邊距
background????? 背景顏色
<font?color=""?face=""?size=""></font> 控制字體；color="##FF0000"；face，字體；size，字體大小。
<b></b> 字體加粗
<i></i> 傾斜
<u></u> 下劃線
<strong></strong> 字體加粗（強調，語氣加強用）
<em></em> 字體傾斜（強調，語氣加強用）
<center></center> 居中
<br>?或<br?/> 相當于回車
?； 表示空格?也可以在設計頁面中按ctrl+shift+space
<ol>有序的列表，自帶換行 <li>你是誰？默認自帶序號</li> <li>你在干嘛？默認自動換行</li> <li>你怎么了？默認前后若無其他，執行上下換行，并空開一行</li> <li>有問題嗎？</li> </ol> <ul>無序的列表 <li>猜猜我在干嘛？默認不自帶序號</li> <li>猜對了有獎哦？默認自動換行</li> <li>就不告訴你.？默認前后若無其他，執行上下換行，并空開一行</li> </ul><div>我真的還想再活500年div層標簽,默認占用一行</div>
<span>我真的還想再活500年</span>
<h1></h1>……<h6></h6> 標題（會自動換行）。HTML標題（Heading）是通過<h1>?-?<h6>?等標簽進行定義的。
<p></p> 段落標簽（段落之間空行）
<div></div> 層標簽（默認占一行）
<span></span> 層標簽（默認用多大空間占多大空間）
?
超鏈接標簽
<a?href="超鏈接地址"?target=“_blank”>超鏈接的文字</a>?????--href（hyperlink?reference）；_blank是在新窗口打開。
第一步：做錨點的標簽。<a?name=""></a>
第二步：做錨點鏈接。<a?href="目標鏈接的name的值"></a>
?
<a href="hettp://www.baidu.com/" target="_blank">百度一下</a></br>圖片標簽
<img?src="圖片地址"?alt="文字"?width=""?height=""?/>?????--高跟寬設置一個即可，顯示圖片會按比例縮放。alt在圖片無法加載時，顯示文字，還可幫助搜索引擎搜索。
<img / src="Hydrangeas.jpg"></br> <img / src="Hydrangeas.jpg" width="200"><table></table>?表格
width:寬度。可以用像素或百分比表示。常用960像素。
border：邊框。常用值0。
cellpadding：內容跟單元格邊框的邊距。常用值0。
cellspacing：單元格之間的間距。常用值0。
align:對齊方式。
bgcolor:背景色。
background:背景圖片。
?
<tr></tr>?行
align：一行的內容的水平對齊方式
valign：一行的內容的垂直對齊方式
height：行高
bgcolor:背景色
background:背景圖片
?
<td></td>?單元格
<th></th>?表頭，單元格的內容自動居中、加粗
align:單元格的內容的對齊方式
valign：單元格的內容的垂直對齊方式
width：單元格寬度
height：單元格高度
bgcolor:背景色
background:背景圖片
內容必須放在單元格里，單元格必須放在行里，行必須放在表格里。設置單元格行高、列高時，會同時影響對應的行或列
單元格合并：（建議盡量用表格嵌套）
colspan="n"????合并同一行單元格（后面寫代碼要減去相對應的列）?
rowspan="n"????合并同一列單元格（從第二行開始減去對應的列）
以上是今天所學內容的總結，主要是對于鏈接，插入圖片，字體大小，顏色形式的學習，并且練習了表格，自己制作了個人簡歷
<body> <center><b>個人簡歷</b></center> <center><table width="772" height="632" cellpadding="0" cellspacing="0" border="1"> <tr> <td width="121" height="54">姓名</td> <td width="160">Durriya</td> <td width="157">性別</td> <td width="166">女</td> <td width="156" rowspan="5"><img / src="Koala.jpg" width="156"></td> </tr> <tr> <td height="42">民族</td> <td>漢</td> <td>籍貫</td> <td>山東淄博</td> </tr> <tr> <td height="47">出生日期</td> <td>900705</td> <td>政治面貌</td> <td>黨員</td> </tr> <tr> <td height="47">學歷</td> <td>本科</td> <td>婚姻狀況</td> <td>未婚</td> </tr> <tr> <td height="51">專業</td> <td>油氣儲運</td> <td>健康狀況</td> <td>很健康</td> </tr> <tr> <td height="58">求職意向</td> <td colspan="4">一切高薪的工作都是所愛的</td> </tr> <tr> <td height="49">畢業院校</td> <td>遼寧石油化工大學</td> <td>qq</td> <td colspan="2">862581421</td> </tr> <tr> <td height="53">聯系電話</td> <td>15242747377</td> <td>郵箱</td> <td colspan="2">862581421@qq.com</td> </tr> <tr> <td height="56">主修課程</td> <td colspan="4">阿拉伯語，油氣儲運，國際貿易，力資源</td> </tr> <tr> <td height="77">個人技能</td> <td colspan="4">適應力超級強，無論何時都不會放棄治療</td> </tr> <tr> <td height="96">獎金情況</td> <td colspan="4">好多好多數不過來了</td> </tr> </table> </center> <br/> <a href="http://www.cnblogs.com/Duriyya/">我的博客園</a><br/> </body>?
轉載于:https://www.cnblogs.com/Duriyya/p/5295465.html
總結
以上是生活随笔為你收集整理的3月19 HTML静态网页的制作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 2.html表单提交servlet出现的
- 下一篇： 2017年html5行业报告,云适配发布