3月19日 html 簡歷製做

html:html

<html>開始標籤字體

<head>網頁上面的控制信息ui

<title></title>網頁的標題位置搜索引擎

</head>spa

<body></body>網頁裏面要顯示的內容code

</html>結束標籤xml

 

body的屬性:bgcolor            頁面背景色htm

backgroung      背景壁紙、圖片blog

text                 文字顏色  索引

topmargin        上邊距

leftmargin        左邊距

rightmargin      右邊距

bottommargin  下邊距

格式控制標籤:

<font color=""face=""size=""></font>

分別控制字體的顏色、字體和大小。

<b></b>                        加粗

<strong></strong>         加粗

<i></i>                          傾斜

<em></em>                   傾斜

<u></u>                        下劃線

<center></center>          居中

<br>或</br>                   至關於回車

&nbsp                              表示空格,Ctrl+shift+space

內容容器標籤:

<h1></h1>......<h6></h6>       

標題,會自動換行,上下進行空行。html標題是經過<h1>到<h6>等標籤來定義的。

重要性依次減少,<h3>默認原文字大小。

<p></p>               段落標籤(段落之間空行)

<div></div>          層標籤(默認佔用一行)

<span></span>     層標籤(默認用掉多大空間佔用多大空間)

<ol type="1">       有序列表,序號爲1,2,3,...,引號能夠更改序號的形式

     <li>內容<li>

     <li>內容<li>

</ol>            上面的ol改成ul則變爲無序號列表

 

超連接標籤:

<a href="超連接地址"target="_blank">超連接文字</a>

圖片標籤:

<img src="圖片地址"alt="文字"width=""height=""title="描述性文字">

高度跟寬度設置一個便可保持原有比例。

alt在圖片沒法加載時,顯示文字,還能夠幫助搜索引擎搜索。

title能夠添加圖片描述,鼠標放在圖片上能夠顯示描述。

 

表格:

<table><tr><td></td></tr></table>

<table></table>

width:        寬度

border:      邊框

cellpadding;內容跟邊框的距離

cellspacing:單元格與單元格之間的間距

algin:對齊方式

bgcolor:背景色

background:背景圖片

 

<tr></tr>行

      align:一行內容的水平對齊方式

      valign:一行內容的垂直對齊方式

      height:行高

      bgcolor:背景色

      background:背景圖片

 

<td></td>單元格

<th></th>表頭。單元格的內容自動居中、加粗

 align:單元的內容的水平對齊方式

valign:單元格內容的垂直對齊方式

width:單元格寬度

height:單元格高度

bgcolor:背景色

background:背景圖片

內容必須放在單元格里,元格必須放在行裏,行必須放在表格裏

 

單元格合併:

colspa="n" 合併同一行單元格(後面寫代碼要減去相對應的列)

rowspan="n"合併同一列單元格(從第二行開始減去相對應的列)

 

例:製做簡歷

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3月19日</title>
</head>

<body background="../../aaa/0133.jpg"  topmargin="200" >
<font size="+3"><center>我的簡歷</center></font><br>
<table width="700" height="650" border="1" cellpadding="0" cellspacing="0" align="center">
<tr height="50" >
<td align="center" width="100">姓名:</td>
<td width="100" align="center"></td>
<td align="center" width="100">性別:</td>
<td width="100" align="center"></td>
<td width="100" align="center">出生年月:</td>
<td width="100" align="center"></td>
<td width="100"  rowspan="3" ><img src="../../aaa/0091.jpg" width="100" height="150" /></td>
</tr>
<tr height="50">
<td width="100" align="center">民族:</td>
<td width="100" align="center"></td>
<td width="100" align="center">學歷:</td>
<td width="100" align="center"></td>
<td width="100" align="center">政治面貌:</td>
<td width="100" align="center"></td>

</tr>
<tr height="50">
<td width="100" align="center">籍貫:</td>
<td width="100" align="center" colspan="3"></td>
<td width="100" align="center">身體情況:</td>
<td width="100" align="center" ></td>
</tr>
<tr height="50">
<td width="100" align="center">畢業院校</td>
<td width="100" align="center" colspan="3"></td>
<td width="100" align="center">專業</td>
<td width="100" align="center" colspan="2"></td>
</tr>
<tr height="50">
<td width="100" align="center">郵箱:</td>
<td width="100" align="center" colspan="3"><a href="https://mail.qq.com/cgi-bin/frame_html?sid=g5l0i1NSChn0CWcx&r=173b09ca16027dc23c5d2f4002160b8a">1846794266@qq.com</a></td>
<td width="100" align="center">聯繫方式:</td>
<td width="100" align="center" colspan="2"></td>
</tr>
<tr height="100">
<td width="100" align="center">我的技能:</td>
<td width="100" align="center" colspan="6"></td>
</tr>
<tr height="100">
<td width="100" align="center">工做經歷:</td>
<td width="100" align="center" colspan="6"></td>
</tr>
<tr height="100">
<td width="100" align="center" >自我評價:</td>
<td width="100" align="center" colspan="6"></td>
</tr>
<tr height="100">
<td width="100" align="center">求職意向:</td>
<td width="100" align="center" colspan="6"></td>
</tr>
</table>
</body>
</html>
相關文章
相關標籤/搜索