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> 至關於回車
  表示空格,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>