天天看點
傳回

Lesson_for_java_day01---html初步認識

         作為一個初學者。為了激勵自己。更好的完成接下來要學習的java課程及android課程。選擇整理每天老師講解的讀書筆記及自己的了解，将學習過程貼在網上。一來友善複習，二來如果志氣相投的人可以交流學習。豈不快哉。

<!--學習内容：HTML簡介以及建立HTML,熟悉HTML的文本、清單、塊元素及表格的建立//-->

<!DOCTYPE html>  <!--<!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位于 <html> 标簽之前。//-->
<html>
	<head>  <!--容（包括顔色、大小、粗斜體等）、段落和網頁的跳轉//-->
		<title>第一個網頁</title>  
	</head>
	
	<body bgcolor="">
		<a name="top"></a>
		<h1>HTML文本</h1>
		<hr size="5" color="green" />
		<h2>第一章</h2>
		<p align="center">第一章第一個段落</p>
		<h2>第二章</h2>
		<p><srrong>
			超級文本标記語言是标準通用标記語言下的一個應用,也是一種規範，一種标準， 
			超文本标記語言超文本标記語言(15張)它通過标記符号來标記要顯示的網頁中的各個部分。
			網頁檔案本身是一種文本檔案，<font size="4" color="red">通過在文本檔案中添加标記符，</font>
			可以告訴浏覽器如何顯示其中的内容（如：文字如何處理，畫面如何排，圖檔如何顯示等）。
		</strong></p>
		<p>
			<b>浏覽器按順序閱讀網頁檔案，</b>
			然後根據标記符解釋和顯示其标記的内容，<i>對書寫出錯的标記将不指出其錯誤，</i>
			且不停止其解釋執行過程編制者隻能通過顯示效果來分析出錯原因和出錯部位。
			但需要注意的是，對于不同的浏覽器，對同一标記符可能會有不完全相同的解釋，
			<em>因而可能會有不同的顯示效果。</em>
		</p>
		<br/><br/>
		<p>
			<a href="http://www.baidu.com" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow"  target="_blank">百度(新頁面顯示)</a>
			<a href="http://www.baidu.com" target="_blank" rel="external nofollow"  target="_blank" rel="external nofollow"  target="_self">百度(本頁顯示)</a>
		</p>
		
		<h1>HTML清單</h1>  <!--清單的形式:無序清單、有序清單和定義清單 //-->
		<hr size="5" color="green" />
		<p>
			<h2>一個無序的清單</h2>
			<ul type="square">
				<li>咖啡
					<ul>
						<li>黑咖啡</li>
						<li>白咖啡</li>
					</ul>
				</li>
				<li>茶</li>
				<li>可樂</li>
			</ul>
		</P>
		
		<p>
			<h2>一個有序的清單</h2>
			<ol type="A">
				<li>咖啡
					<ol type="a">
						<li>黑咖啡</li>
						<li>白咖啡</li>
					</ol>
				</li>
				<li>茶</li>
				<li>可樂</li>
			</ol>
		</p>
		
		<p>
			<h2>一個定義清單</h2>
			<dl>
				<dt>行政部</dt>
				<dd>前台</dd>
				<dd>後勤</dd>
				<dt>技術部</dt>
				<dd>經理
					
				
				</dd>
				<dd>技術人員</dd>
			</dl>
		</P>
		
		<h1>HTML塊元素</h1>  <!--塊元素：<div>和<span>//-->
		<hr size="5" color="green" />
		<p align="right">計算機語言要一門很牛在語言</p>
		<div align="center">計算機語言要一門很牛在語言</div>
		<span>計算機語言要一門很牛在語言</span>
		<div><img src="../images/qctj.jpg" align="center" /></div>
		
		<h1>HTML表格</h1> <!--表格：表格行列的建立//-->
		<hr size="5" color="green" />
		<table >
			<tr>
				<td>第一行</td>
				<td>第一行</td>
				<td>第一行</td>
				<td rowspan=2>合并兩行</td>
			</tr>
			<tr>
				<td>第二行</td>
				<td>第二行</td>
				<td>第二行</td>
			</tr>
			<tr>
				<td colspan=2>合并兩列</td>
				<td>第三行</td>
				<td>第三行</td>
			</tr>
		</table>
		<br/><br/><br/>
		<table > <!--表格：頁眉、頁腳和主體是設定//-->
			<thead>
				<tr>
					<th>Month</th>
					<th>Savings</th>
				</tr>
			</thead>

			<tfoot>
				<tr>
					<td>Sum</td>
					<td>$180</td>
				</tr>
			</tfoot>

			<tbody>
				<tr>
					<td>January</td>
					<td>$100</td>
				</tr>
				<tr>
					<td>February</td>
					<td>$80</td>
				</tr>
			</tbody>
		</table>
		<table >
  
</table>
		<p><a href="#top" target="_blank" rel="external nofollow" >傳回頂部</a></p>	 <!--内部連結的建立//-->
	</body>
</html>
lessonForJava
上一篇: Lesson_for_java_day09--練習--繼承、this、super的使用、使用構造方法賦初始值
下一篇: Lesson_for_java_day10--練習

繼續閱讀