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

出自六年制學程
跳轉到: 導覽搜尋
第 161 行: 第 161 行:
  
 
===10月3日===
 
===10月3日===
 
+
==<html>
履歷表製作
+
<head>
(<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{
+
@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;'>
+
<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日

  • 張鈞祺
  1. png不失真 公開格式
  2. jpg jepg 失真 壓縮
  3. gif可動畫 只有256色


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

例如:

語法顯示說明
#AAA
#BBB
#CCC
  1. AAA
  2. BBB
  3. CCC
井號
*AAA
*BBB
*CCC
  • AAA
  • BBB
  • CCC
星號
*AA
*#AA1
*#AA2
*BB
*#BB1
*#BB2
  • AA
    1. AA1
    2. AA2
  • BB
    1. BB1
    2. BB2
先星後井
#AA
#*AA1
#*AA2
#BB
#*BB1
#*BB2
  1. AA
    • AA1
    • AA2
  2. 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>

履歷表

ABCD<img src='001.jpg'width=142 height=177 align=cenkjls
ABCD
ABCD
ABCD
AB
AB
ABCD
AB
AB
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日