發表文章

目前顯示的是 9月, 2019的文章

HTML Day3

圖片
*****From**** 表單: <form name="test" method="get" action="https://www.google.com"></from> from 表單 用於提供使用者輸入資訊並提交給server 輸入密碼欄: password:<input type="password" placeholder="六位數密碼"  > 表籤input type 設定為password key資訊則為隱藏 *****單選按鈕*****  <input type="radio" name="sex" checked="checked" >男 <input type="radio" name="sex" >女 type 設定為 radio 則為單選鈕 name 設定相同 在單選鈕中相同的name 只能選擇一個 checked="checked"設定為默認項 *****複選按鈕***** <input type="checkbox" name="like" />睡覺 <input type="checkbox" name="like" checked="checked" />吃飯 <input type="checkbox" name="like" />打豆豆 type 設定為  checkbox 則為複選鈕 name 設定相同 在複選鈕中相同的name 將複選鈕群組 checked="checked"設定為默認項 *****下拉菜單***** ...

HTML Day2 table

圖片
表格      tr:行     td:單元格     width: 表格寬度     height:表格高度     border:邊寬大小     cellspacing:單元格之間的距離 cellspacing="0" cellspacing="1" cellspacing="2"    cellspacing="3"   cellspacing="30"  ************************************************* cellpadding:挑整內容位置     align:對其方式 left center right     加入在table 對齊表格           tr    對齊整行           td    對齊單元格       Valign: 垂直方向 只能用於 tr /td ; top middle bottom     bordercolor: 邊框顏色 ************************************ <table width="300" height="200" border="=1" cellspacing="0"  cellpadding="0" bordercolor="blue">         <!-- 第一行 -->         <tr align="center">             <td valign="bot...

HTML Day1

圖片
******HTML: 標記語言****** 標記:<文本> <html> 單標籤: <img/> 標籤對: <html> </html> 文本: 顯示文字 超文本:顯示文字、音樂、影音 範例: <html>     <head>            <title>hi Benny</title>     </head>     <body>         hello everybody     </body> </html> ******CSS :  層疊樣式表****** 加入 <div   style="width: 100px; height:100px; background:red;"></div> ******javascript****** 加入 JS後點擊紅色區域可以跟變改寬度 <div  onclick="this.style.width='200px';"   style="width: 100px; height:100px; background:red;"></div> HTML 基本結構 <!--注釋 快捷鍵 ctr + / --> <!-- 開頭檔--> <!DOCTYPE html>    <!--網頁正式內容 --> <html>                <head>             <...