HTML简单实例加表单的显示效果
HTML可以說是一種十分簡單的標記語言，但是對于Web開發還是必不可少的，所以對HTML的標記進行適當的了解
還是十分有必要的。下面我們來演示一下基本的HTML效果和一些簡單的標簽，以及在表單界面的各種提交方式。
首先是HTML的常用簡單標簽。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>hello.html</title> </head> <body> <font color="red" size="7">Hello World</font> <b>第一行文字</b> <p><font color="blue" size="4">第一行文字</font></p> <br/>*********字符實體案例************<br/> <font size="6">? ￡ ?</font> <br/>***********超鏈接實例************<br/> <!-- target的_blank是表示打開一個新頁面 --> <a href="/HTML/test/a.html" target="_blank">老鼠愛大米</a> <br/>**********圖片元素*********<br/> <img alt="一只貓" src="/HTML/img/tomcat.gif" width="170px" border="1"/> <br/>*********表格**************<br/> <!-- cellpadding填充格子里面的大小 cellspaing表示兩列間距大小 --> <table border="1" width="170" align="center" bgcolor="yellow" bordercolor="red" cellpadding="3" c> <tr align="center"> <td>1</td> <td>2</td> <td>3</td></tr> <tr align="center"> <td>4</td> <td>5</td> <td>6</td></tr> <tr align="center"> <td>7</td> <td>8</td> <td>9</td></tr> </table> </body> </html>
效果如下
下面是表單界面的顯示，代碼如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>提交選項</title> </head> <body> 名字:<input type="text" name="name"/><br/> 密碼:<input type="password" name="password"/> <br/>************復選框***********<br/> <input type="checkbox" name="v1">西瓜<br/> <input type="checkbox" name="v1">蘋果<br/> <br/>************單選框***********<br/> <input type="radio" name="sex">男<br/> <input type="radio" name="sex">女<br/> <br/>************隱藏域***********<br/> <input type="hidden" value="123" name="hiden"/> <br/>************下拉框***********<br/> <select name="place"> <option value="beijing">北京</option> <option value="beijing">天津</option> <option value="beijing">上海</option> </select> <br/>************文本框***********<br/> <textarea rows="10" cols="10" name="text"> 在這里留言 </textarea> <br/>************選擇上傳文件***********<br/> <input type="file" name="file"> </body> </html>
效果如下
轉載于:https://www.cnblogs.com/sp2012/archive/2012/02/27/2465737.html
總結
以上是生活随笔為你收集整理的HTML简单实例加表单的显示效果的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Entity Framework 4.0
- 下一篇： HTML5边玩边学（9）：俄罗斯方块就是