HTML入門概述

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Html學習內容回顧</title>
</head>
<body>
    <h1>
        學習筆記</h1>
    <h2>
        HTML概述</h2>
    <ul>
        <li>超文本標記語言(Hyper Text Markup Language)</li>
        <li>HTML文檔是一個包含標記的文本文件</li>
        <li>文件名以.htm或.html結尾</li>
    </ul>
    <h2>
        基本標籤</h2>
    <p>
        塊級標籤:<br />
    </p>
    <h1>最大的標題</h1>
    <h2>第二級標題</h2>
    <h3>第三級標題</h3>
    <h4>第四級標題</h4>
    <h5>第五級標題</h5>
    <h6>第六級標題</h6>
    <pre>顯示一段預格式化文本:
    public class HelloWorld
    {
        String str = "這是一段Java語言";
        public static void main(String[] args)
        {
            System.out.println(str);
        }
    }
    </pre>
    <p>div 一般塊級標籤</p>
    <div align="center" style="background-color: #FFFF00; width: 100px; height: 100px">這是一個div塊</div>
    <hr />水平線<br />
    <p>內聯標籤:</p>
    <em>這是斜體標籤</em><br />
    <strong>渲染爲黑體標籤</strong><br />
    下標;<p>H<sub>2</sub>O</p><br />
    上標;<p>2<sup>3</sup>=8</p><br />
    <code>標示一段代碼:var i;int j;</code>
    <span>一般內聯標籤</span>
    <br />換行標籤<br />
    <b>黑體</b><br />
    <i>斜體</i><br />
    <h2>實體標籤:</h2>
    空格: <br />
    <:<<br />
    >:><br />
    &:&<br />
    ":"<br />
    版權:©<br />
    註冊:®<br />
    人民幣:¥<br />
    乘號:×<br />
    除號:÷;<br />

    鏈接標籤:<br />
    href的target屬性:_blank;_self(默認);_parent;_top;targetname(指定窗口打開鏈接)
    <a href="http://www.baidu.com" target="_blank">百度</a><br />

    頁面錨點:<a name="top"></a>
    <a href="HTMLPage1.htm#middle">頁面中部</a>
    <a name="middle"></a>
    <a href="HTMLPage1.htm#top">返回頂部</a>
    <br />
    插入圖片標籤:<img alt="圖片" src="images/xuanheicar.jpg"/>
    <br />
    圖片鏈接:<a href="http://www.baidu.com"><img src="images/xuanheicar.jpg" alt="圖片鏈接"/></a><br />
    圖片地圖:<br />
    <img alt="圖片地圖" src="images/xuanheicar.jpg" usemap="#pmap" />
    <map id="pmap" name="pmap">
    <area  shape="circle" coords="12,45,10" href="http://www.bai.com" target="_blank" alt="圓形區域"/>
    </map>
    <br />
    列表:<br />
    有序
    <ol type="1">
    <li>太陽</li>
    <li>月球</li>
    <li>地球</li>
    </ol>
   無序
    <ul>
    <li>太陽</li>
    <li>月球</li>
    <li>地球 
    <ul>
    <li>太陽</li>
    <li>月球</li>
    <li>地球</li>
    </ul>
    </li>
    </ul>
    <br />
    自定義
    <dl>
    <dd>太陽</dd>
    <dd>月球</dd>
    <dd>地球</dd>
    </dl>
    <hr />
    表格:<br />
    <table border="1">
    <tr>
    <td>單元格1</td>
    <td>單元格2</td>
    </tr>
    <tr>
    <td>單元格3</td>
    <td>單元格4</td>
    </tr>
    </table>


</body>
</html>

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