2014年12月29日 星期一

Beginner/HTML學習筆記-2

很重要但很容易被遺忘=>備註

備註
HTML CSS javascript
<!--要輸入的內容--> /*要輸入的內容*/ //要輸入的內容/*要輸入的內容*/

直接body中調整
<body bgcolor="" background="" text="" link=""(連結) vlink=""(閱讀過) alink=""(正在連結)>

定義清單(<dl>,<dt>,<dd>)
可以使文字如tab般空行
<dl>
<dt>123
<dd>456
<dt>789
<dd>147
</dl>
表格(table)
<table width="" cellspaing="" background="" border=""外框>
<table>
<thead>放置在表格第一行
<tbody>
<tfoot>放置表格最後一行
<td>橫向儲存格
<th>粗體橫向儲存格
<tr>直向下一行
<caption>橫向主題(如上面主題:備註)
<th rowspan="數字">縱向(直向)主題


文字(也可在CSS中控制)
<b>粗  <i>斜  <u>底線
<font fact="">控制字體
<font color=""or#>控制顏色
<font size="">控制大小

<div> 分區or分節(塊狀結構)
可以直接在<div>中更改被<div></div>框選起來的屬性
或是利用<div class="">來將此區域定義
從外匯入屬性(如CSS)

2014年12月20日 星期六

Beginner/HTML學習筆記-1

基本架構
<html>
 <head>
  <!--css與javascript放置在這--> <title>
</title>
</head>
 <body>
  <!--主要內容放置於此-->
</body>
</html>
其中的<body>可加入屬性使在body內無設定屬性的內容統一格式如:
bgcolor(背景顏色)、background(背景圖案,可用連結)、text(文字顏色)
、link(連結)&vlink(閱讀過後)&alink(正在閱讀)
P.S:如在body內的內容有另外設定屬性,則會使用該屬性
P.S2:
css連結方法如:
<link rel="stylesheet" type="text/css" href="css/style.css" /></head>

javascript連結方法如:<scripttype="text/javascript" src="javascript/dreamdu.js"></script>
水平分線<hr>

2014年12月15日 星期一