新營學習網 - 線上書籍

:::

google 雲端服務
===========

<span class="mw-headline" id=".E5.9F.BA.E6.9C.AC.E8.AA.9E.E6.B3.95">基本語法</span>
-------------------------------------------------------------------------------

標籤語法基礎

<div class="alert alert-info">語法使用規則，要以頭尾包著要表達的內容，忽略大小寫。開頭 **<XXX>**，結尾 **</XXX>** ，例 **<TITLE>**基本標籤教學 **</TITLE>**</div>### 基本html5樣式

```markup

<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<title>我的第一個網頁</title>
</head>
<body>

網頁中的內容都要放在這個區塊中！
第一行文字
第二行文字

文字有很多空白                       像這樣

<p>正確段落換行</p>
指令換行<br><br><br><br><br><br><br>
空白字          使用特定語法

</body>
</html>

```

<dl style="margin-left: 40px;"> <dd>把上面的內容貼到記事本中（Linux 使用 <kbd>gedit 文字編輯器</kbd>)：</dd> <dd>![](https://stud.syps.tn.edu.tw/uploads/tad_book3/image/comp-6/Html基本語法1.gif)</dd> <dd>要做成網頁，所以檔案存成例如 **1.htm** 或 **1.html** ，編碼記得改為 **UTF-8**</dd> <dd>![](https://stud.syps.tn.edu.tw/uploads/tad_book3/image/comp-6/note-htm.png)</dd> <dd>最後直接開啟檔案，看到的結果：</dd> <dd>![](https://stud.syps.tn.edu.tw/uploads/tad_book3/image/comp-6/Html%E5%9F%BA%E6%9C%AC%E8%AA%9E%E6%B3%95%E7%80%8F%E8%A6%BD.gif)</dd> </dl>### 文字字體

```markup
<H1> 標題大小1</H1>
<H2> 標題大小2</H2>
<H3> 標題大小3</H3>
<H6> 標題大小6</H6>
<b>粗體</b>
<i>斜體</i>
<u>加底線</u>
<blink>閃爍</blink>

直接換行<br>
<p>段落換行</p>
<p><FONT SIZE=5 COLOR=red> 字體大小5及顏色紅色。</Font></p>
<p><FONT SIZE=2 COLOR=#ff00ff> 字體大小2及顏色（紅綠藍三原色值）。</Font></p>

```

段落排版

### 圖型

```markup
<IMG SRC="https://www.syps.tn.edu.tw/uploads/tadgallery/2019_06_10/2027_%E5%85%AD%E4%B9%99.jpg"  >

```

<div class="alert alert-info">以上語法，表示顯示網路上的圖形，可以試著改為自已的圖片檔。  
 這組標籤不需要 </IMG>做結尾。  
 如果改為自已的圖檔。</div>表格

```markup
<TABLE border=1>
<TR> <TD>第一行第一格</TD> <TD>第一行第二格</TD></TR>
<TR> <TD>第二行第一格</TD> <TD>第二行第二格</TD></TR>
</TABLE>

```

連結

```markup
<A HREF="http://www.syps.tn.edu.tw">連到新營國小</A>

```

<div class="alert alert-success">也可以連結到其他的檔案、網站 </div> 
```markup
<A HREF="http://nas.syps.tn.edu.tw/data/traffic.jpg">按這裡會看到新營國小地圖</A>

```

<div class="alert alert-success">代表連結到 image 次目錄中的 ex71.gif 圖案。</div> 
```markup
<A HREF="1.htm">連到網頁</A>

```

<div class="alert alert-success">  
 也可以連結到其他的檔案、網站( <http://syps.tn.edu.tw> )或 EMAIL(<mailto:user@mail.tw>)</div><div class="alert alert-success">注意：  
 c:\image\01.gif 這樣的連結目錄是錯誤的，這樣的連結會連結到觀看者的本機目錄，自然會造成錯誤。</div>---

<span class="mw-headline" id=".E7.B7.9A.E4.B8.8A.E7.B6.B2.E9.A0.81.E7.B7.A8.E8.BC.AF.E5.B7.A5.E5.85.B7">網頁編輯工具</span>
---------------------------------------------------------------------------------------------------------------------

- [線上編輯工具](https://ckeditor.com/ckeditor-5/demo/)測試
 
 
-

</body></html>

Google網站翻譯工具列

站內搜尋

進階搜尋

MarkDown

Google網站翻譯工具列

站內搜尋