吉軟-Java白7-第二次作業

第一個效果源碼：

<ul style="list-style-type: circle;">
                   <li><a href="https://www.baidu.com">百度一下</a></li>
                   <li><a href="mailto:[email protected]">快速發郵件</a></li>
                   <li><a href="javascript:alert('我是最帥的!')">點擊(script)</a></li>
               </ul>
           </td>
           <td class="End green">
               <ul>

<li>2<sub>x</sub></li>

<li>2<sup>x</sup></li>
                   <li><b><i><u>23</u></i></b></li>
               </ul>
           </td>
           <td class="End yellow">

CSS文件：

.table {
   width: 100px;
   height: 100px;
   float: left;
   margin-left: 20px;
}

.tr_blue {
background-color: #1E90FF;
}

.td {
text-align: center;
}

.td_2 {
text-align: left;
}

.div {
   margin-top: 100px;
   margin-bottom: 20px;
   height: 0.4cm;
   background-color: #1E90FF;
}

.yellow {
background-color: #FFFF00;
}

.green {
background-color: #00FF00;
}

.underTable {
height: 300px;
}

.End { //頂格垂直顯示;
vertical-align: top;
}

效果圖：

第二個效果源碼：<link rel="stylesheet" type="text/css" href="Zy_2Css.css" />
</head>
<body>
   <div class="d_1">
       <img alt="請等待加載~" src="images/Yahu.png" style="float: left;">雅虎 | 幫助
   </div>
   <p>創建您的雅虎賬號：使用雅虎的免費郵箱及其他網絡服務。</p>
   <hr>
   <table class="table_1">
       <tr>
           <td class="td">姓名</td>
           <td><input type="text"> <input type="text"></td>
       </tr>
       <tr>
           <td class="td">性別</td>
           <td><select><option>-選擇其中一項-</option>
                   <option>男</option>
                   <option>女</option></select></td>
       </tr>
       <tr>
           <td class="td">生日</td>
           <td><input type="text" style="width: 50px;"> <select
               style="width: 150px;"><option>-選擇月份-</option>
                   <option>一月</option>
                   <option>二月</option>
                   <option>三月</option>
                   <option>四月</option>
                   <option>五月</option>
                   <option>六月</option>
                   <option>七月</option>
                   <option>八月</option>
                   <option>九月</option>
                   <option>十月</option>
                   <option>十一月</option>
                   <option>十二月</option>
           </select> <input type="text" style="width: 50px;"></td>
       </tr>
       <tr>
           <td class="td">國家</td>
           <td><select><option>中國</option>
                   <option>日本</option>
                   <option>美國</option>
                   <option>英國</option>
                   <option>韓國</option>
                   <option>朝鮮</option>
                   <option>俄羅斯</option>
                   <option>印度</option>
           </select></td>
       </tr>
       <tr>
           <td class="td">郵政編碼</td>
           <td><input type="text"></td>
       </tr>
   </table>
   <hr>
   <p class="purple">選擇您的賬號和密碼</p>
   <table class="table_1">
       <tr>
           <td class="td">雅虎賬號和雅虎郵箱地址</td>
           <td><input type="text">@<select><option>yahoo.cn</option>
                   <option>qq.com</option>
           </select></td>
           <td><input type="button" value="檢測"></td>
       </tr>
       <tr>
           <td class="td">密碼</td>
           <td><input type="password" style="width: 250px;"></td>
           <td><h6>密碼強度</h6>
               <div class="smallBox"> </div>
               <div class="smallBox"> </div>
               <div class="smallBox"> </div>
               <div class="smallBox"> </div></td>
       </tr>
       <tr>
           <td class="td">再次輸入密碼</td>
           <td><input type="password" style="width: 250px;"></td>
       </tr>
   </table>
   <hr>
   <p class="purple">設置賬號及密碼保護信息（在您忘記賬號或密碼時使用）</p>
   <table class="table_1">
       <tr>
           <td class="td">備用郵箱(選項)</td>
           <td><input type="text"></td>
       </tr>
       <tr>
           <td class="td">密碼保護問題1</td>
           <td><select style="width: 154px;"><option>-
                       選擇其中一項 -</option></select></td>
       </tr>
       <tr>
           <td class="td">您的答案</td>
           <td><input type="text"></td>
       </tr>
       <tr>
           <td class="td">密碼保護問題2</td>
           <td><select style="width: 154px;"><option>-
                       選擇其中一項 -</option></select></td>
       </tr>
       <tr>
           <td class="td">您的答案</td>
           <td><input type="text"></td>
       </tr>
   </table>
   <hr>
   <table class="underTable">
       <tr>
           <td class="underTable_td"></td>
           <td><p>
                   如果您按下[創建我的賬號]按鈕，就表示已經閱讀並同意接受 <a href="#">雅虎服務條款</a>，<a href="#">雅虎隱私政策</a>
                   和 <a href="#">Mail服務條款</a>,並同意從中國雅虎接受與您的賬戶相關的郵件通知。您對賬戶的使用及中國雅虎對賬戶信息的批露將接受中國雅虎服務條款的約束並遵守中華人民共和國法律。
               </p></td>
       </tr>
       <tr>
           <td></td>
           <td><button>創建我的賬號</button></td>
       </tr>
</table>
</body>

CSS文件：

.d_1 {
   background-image: url("images/i.png"); // 橫向伸展圖片;
   background-repeat: repeat-x;
   text-align: right;

//垂直向上浮動;
vertical-align: top;
height: 70px;
}

.td {
text-align: right;
}

.table_1 {
width: 15cm;
}

.smallBox {
   border: 1px solid #9e9e9e;
   width: 8px;
   height: 4px;
   float: left;
   margin-right: 2px;
}

h6 {
margin: 0;
}

.purple {
font-weight: bold;
color: #483D8B;
}

.underTable {
width: 800px;
}

.underTable tr a, p {

//去掉下劃線;
text-decoration: none;

//加粗;
font-weight: bold;
}

.underTable_td {
width: 150px;
}

button {
   width: 200px;
   height: 50px;
   background-color: #FFFFFF;
   border: 3px solid #FFDEAD;
   font-weight: bold;
   font-size: 20px;
}

效果圖：

吉軟-Java白7-第二次作業

吉軟-Java白7-第二次作業

初試京東頁

輸入n種口味隨機輸出四種不同的口味！

JS學習筆記

Oracle相關練習題～

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結