2016年1月7日 星期四
網頁新手教學1(Html標籤)
最近要讓新人寫網頁，而我負責當老師！！
沒想到我竟然有扮演老師腳色的一天。
希望接下來的教學能讓新人快速進入狀況
我要帶一位新人，而這位新人完全沒有Javascript 、 Jquery 、 Html經驗
所以只好一步一步重頭開始教
我希望先從HTML 標籤開始認識，在進一步了解JavaScript ，接著是Jquery
html 基本架構應該就是這三個 html ,head ,body
每一個<標籤> 要搭配一個 </標籤>
<HTML>
<HEAD>
標頭區負責引用一些東西或是放入JavaScript程式碼
</HEAD>
<BODY>
內容區
</BODY>
</HTML>
接下來就是開始認識各個重要且常用的標籤
<br /> 換行
<p>123 </p> 分段
<hr /> 分隔線
<b>123</b> 粗體字
<i>123</i> 斜體字
<u>123</u> 底線
項目
<ul>
<li>123</li>
<li>123</li>
</ul>
項目
<ol>
<li>123</li>
<li>123</li>
</ol>
超連結
<a href="網址">123</a>
圖片
<img src="圖片路徑" / >
表格
<table>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
輸入框
<input type="text" />
普通按鈕
<input type="button" />
Post 按鈕
<input type="submit" />
檔案上傳
<input type="file" />
核取方塊
<input type="checkbox" />
選項按鈕
<input type="radio" />
下拉式
<select >
<option value="值">顯示的文字</option>
<option value="值">顯示的文字</option>
<option value="值">顯示的文字</option>
</select>
有時候你會看到一些很像亂碼的，其實是有特別意義的
HTML特殊字元
& 是 &
" 是 "
< 是 <
> 是 >
&absp; 是 空白
訂閱：
張貼留言 (Atom)
沒有留言:
張貼留言