資訊基礎應用/張鈞祺：修訂版本之間的差異

2017年10月3日 (二) 11:54的修訂版本

圖片

已記住的英文單字

table table 表

row tr 列

diamond td 格

hyper html 超

text html 文字，文件

markup html 標記

languagehtml 語言

head head 頭

title title 標題

body body 身體

rowspan

colspan

9月12日

練習.今天學到如何建立"筆記頁"

用字母調出光的三原色red green blue

紅 # foo

綠 # ofo

藍 # oof

白 # fff

黑 # ooo

使用table、td、tr來製做基本表格。製做同學基本資料

9月19日

屬性值

設定HTML表格的字體、顏色、大小、粗細、高度、寬度等。

顏色table,td {border: solid 1px;}。

{border:顏色深淺#16ef dashed 表格粗細16px;}。

高度 rowspan。

寬度colspan。

Cascading Style Sheets(簡寫CSS）的用途是什麼

9月26日

張鈞祺

png不失真公開格式
jpg jepg 失真壓縮
gif可動畫只有256色

井號、星號、等號、中括號；
用空白行分段。

例如：

語法	顯示	說明
#AAA #BBB #CCC	AAA BBB CCC	井號
AAA BBB *CCC	AAA BBB CCC	星號
AA #AA1 #AA2 BB #BB1 #BB2	AA AA1 AA2 BB BB1 BB2	先星後井
#AA #AA1 #AA2 #BB #BB1 #BB2	AA AA1 AA2 BB BB1 BB2	先井後星
==中標== ===小標=== ====小小標==== =====加粗標===== ======超小標======	中標小標小小標加粗標超小標

10月3日

履歷表製作

<html> <head> <meta http-equiv='Conten-type' content='text/html; charset=UTF-8'> <style> @page a4{ size:21cm 29.7cm; margin:3cm 2cm 3cm 2cm } .nicetable {border:1px solid black;border-collapse:collapse;} .nicetable td{border:1px solid black;border-collapse:collapse;} </style> </head> <body>

履歷表
A	B	C	D	<img src='001.jpg'width=142 height=177 align=cenkjls
A	B	C	D
A	B	C	D
A	B	C	D
A	B
A	B
A	B	C	D
A	B
A	B

B
B

</body> </html>

10月10日

10月17日

10月24日

10月31日

11月7日

11月14日

11月21日

11月29日

12月6日

12月13日

12月20日

12月27日

1月3日

1月10日

1月17日

1月23日

1月30日

@@ 第 161 行： / 第 161 行： @@
 ===10月3日===
-<h2>履歷表製作</h2>
+履歷表製作
+<html>
+<head>
+<meta http-equiv='Conten-type' content='text/html; charset=UTF-8'>
+<style>
+@page  a4{
+	size:21cm 29.7cm;
+	margin:3cm 2cm 3cm 2cm
+}
+.nicetable {border:1px solid black;border-collapse:collapse;}
+.nicetable td{border:1px solid black;border-collapse:collapse;}
+</style>
+</head>
+<body>
+<div style='page:a4;'>
+<table class='nicetable'style='width:100%;'>
+<tr style='height:1.3cm;'><td colspan=5> <h1>履歷表</h1> </td></tr>
+<tr style='height:0.8cm;'><td style='width:14.1%;'>A</td><td style='width:23.5%;'>B</td><td style='width:14.1%;'>C</td><td style='width:29.4%;'>D</td><td style='width:18.9%;' rowspan=4><img src='001.jpg'width=142 height=177 align=cenkjls</td></tr>
+<tr style='height:0.8cm;'><td>A</td><td>B</td><td>C</td><td>D</td></tr>
+<tr style='height:0.8cm;'><td>A</td><td>B</td><td>C</td><td>D</td></tr>
+<tr style='height:0.8cm;'><td>A</td><td>B</td><td>C</td><td>D</td></tr>
+<tr style='height:0.8cm;'><td>A</td><td colspan=4>B</td></tr>
+<tr style='height:0.8cm;'><td>A</td><td colspan=4>B</td></tr>
+<tr style='height:0.8cm;'><td>A</td><td>B</td><td>C</td><td colspan=2>D</td></tr>
+<tr style='height:1.6cm;'><td>A</td><td colspan=4>B</td></tr>
+<tr style='height:0.8cm;'><td>A</td><td colspan=4>B</td></tr>
+</table>
+<table class='nicetable'style='width:100%;'>
+<tr style='height:1.6cm;'><td colspan=4>B</td></tr>
+<tr style='height:9.6cm;'><td colspan=4>B</td></tr>
+</table>
+</div>
+</body>
+</html>
 ===10月10日===
@@ 第 175 行： / 第 210 行： @@
 ===12月20日===
 ===12月27日===
-===1月3上日===
+===1月3日===
 ===1月10日===
 ===1月17日===
 ===1月23日===
 ===1月30日===