<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>
HTML入門概述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.