【WEB基礎】①html入門

一個網頁的大體結構是

<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
標籤大都是成對存在的,除非在結尾用“/”標識,例如“<br/>”

寫在head裏面
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 標明編碼方式
<meta name="keywords" content="搜索時的關鍵字" /> 涉及到被搜索引擎檢索,優化seo
<meta name="簡介,搜索得到之後顯示的字樣" />
<meta http-equiv="refresh" content="5;url=baidu.com幾秒種後跳轉">
寫在body裏面

<h1>標題</h1>
<h2>頁面權重</h2>
<font size="99" color="red">字體樣式</font>
空格 
小於<
大於>
<sup>上標</sup>
<sup>下標</sup>
<br/>回車
<p>段落</p>
<i>斜體</i>
<u>下劃線</u>
分割線<hr size="" width="" color="" noshade="" />
有序列表
<ol>
<li>吳</li>
<li>曉</li>
<li>叉</li>
</ol>
無序列表
<ul>
<li>吳</li>
<li>曉</li>
<li>叉</li>
</ul>
鏈接方式
<a name="myPosiztion">超鏈接</a><br />
<a href="#">空連接</a>、文字超鏈接、錨連接、圖片超鏈接、熱區超鏈接、Email鏈接、js鏈接<br />
<a href="">錨鏈接</a>
<a href="http://www.baidu.com">文字超鏈接</a>
<a href="http://www.baidu.com"><img src="xx.jpg" width="100" height="80" title="食品" alt="蛋炒飯圖片"/></a>


<img src="xx.jpg" alt="蛋炒飯圖片" width="400" height="380" border="0" usemap="#Map" title="食品"/>
<map name="Map" id="Map">
  <area shape="circle" coords="81,174,60" href="http://www.baidu.com" />
  <area shape="poly" coords="199,39,183,90,164,204,199,314,341,342,380,205,345,116,250,41" href="http://www.163.com" />
</map>
<table>
	
</table>
聯繫方式:<a href="mailto:[email protected]">張經理</a>
<a href="javascript:window.close()">關閉窗口</a>

表格

<table border="1" bgcolor="#FFFF99" cellpadding="3" cellspacing="3" background="xx1.jpg" width="400" height="300">
	<thead>
	<tr>
    	<th>序號</th>
        <th>姓名</th>
        <th>性別</th>
        <th>年齡</th>
    </tr>
    </thead>
    <tbody>
    <tr>
    	<td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
    </tr>
    <tr>
    	<td>1</td>
        <td colspan="2">2</td>
        
        <td rowspan="2"> </td>
    </tr>
    <tr>
    	<td>1</td>
        <td>2</td>
        <td>3</td>
       
    </tr>
    </tbody>
    <tfoot>
     <tr>
    	<td colspan="4">版權所有</td>       
    </tr>
    </tfoot>
</table>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章