資訊基礎應用/張鈞祺:修訂版本之間的差異
第 161 行: | 第 161 行: | ||
===10月3日=== | ===10月3日=== | ||
− | + | ==<html> | |
− | + | <head> | |
− | + | ||
<meta http-equiv='Conten-type' content='text/html; charset=UTF-8'> | <meta http-equiv='Conten-type' content='text/html; charset=UTF-8'> | ||
− | <style> | + | <style> |
− | + | @page a4{ | |
size:21cm 29.7cm; | size:21cm 29.7cm; | ||
margin:3cm 2cm 3cm 2cm | margin:3cm 2cm 3cm 2cm | ||
第 172 行: | 第 171 行: | ||
.nicetable {border:1px solid black;border-collapse:collapse;} | .nicetable {border:1px solid black;border-collapse:collapse;} | ||
.nicetable td{border:1px solid black;border-collapse:collapse;} | .nicetable td{border:1px solid black;border-collapse:collapse;} | ||
− | </style> | + | </style> |
− | + | </head> | |
− | + | <body> | |
− | + | <div style='page:a4;'> | |
<table class='nicetable'style='width:100%;'> | <table class='nicetable'style='width:100%;'> | ||
− | <tr style='height:1.3cm;'><td colspan=5> 履歷表 </td></tr> | + | <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 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> | ||
第 185 行: | 第 184 行: | ||
<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: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> | <tr style='height:0.8cm;'><td>A</td><td colspan=4>B</td></tr> | ||
</table> | </table> | ||
第 190 行: | 第 190 行: | ||
<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> | + | </table> |
+ | </div> | ||
+ | </body> | ||
+ | </html> | ||
+ | == | ||
===10月10日=== | ===10月10日=== |
2017年10月3日 (二) 12:04的修訂版本
目錄
圖片
已記住的英文單字
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 |
|
星號 |
*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>
==