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

2017年10月3日 (二) 12:03的修訂版本

圖片

已記住的英文單字

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日

履歷表製作 (<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>)

(

履歷表
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

</div>)

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日===

B
B

@@ 第 165 行： / 第 165 行： @@
 (<head>
 <meta http-equiv='Conten-type' content='text/html; charset=UTF-8'>
-<style>
+<style>)
-@page  a4{
+(@page  a4{
 	size:21cm 29.7cm;
 	margin:3cm 2cm 3cm 2cm
@@ 第 172 行： / 第 172 行： @@
 .nicetable {border:1px solid black;border-collapse:collapse;}
 .nicetable td{border:1px solid black;border-collapse:collapse;}
-</style>
+</style>)
-<div style='page:a4;'>
+(<div style='page:a4;'>
 <table class='nicetable'style='width:100%;'>
 <tr style='height:1.3cm;'><td colspan=5> 履歷表 </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 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>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 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:0.8cm;'><td>A</td><td>B</td><td>C</td><td colspan=2>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>
 </table>
 <table class='nicetable'style='width:100%;'>
-<tr style='height:1.6cm;'><td colspan=4>B</td></tr
+<tr style='height:1.6cm;'><td colspan=4>B</td></tr>
-<tr style='height:9.6cm;'><td colspan=4>B</td></tr
+<tr style='height:9.6cm;'><td colspan=4>B</td></tr>
 </div>)