标签:
HTML入门基础
主要是在这里学的,个人觉得W3shool是个不错的学习之地。
最近对HTML做了一些了解,没有系统的详细的去学习它的语法知识,从基础的层面上做了一些了解。
什么是 HTML?下面就是:
<html> <body> <h1>My Heading</h1> <p>My paragraph.</p> </body> </html>
HTML(Hyper Text Markup Language) 是用来描述网页的一种语言。而不是用来编程的语言,这和C语言是不一样的,XML是用于存储传输网页信息的,而HTML是用于显示网页信息的,要注意两者的分别。HTML 文档实际上就是我们称的网页。Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。当然不会显示标签。
HTML 有许多标签--tags,HTML 标签是由尖括号包围的关键词,比如 <html>,HTML 标签通常是成对出现的,比如 <b> 和 </b>,但是我们的换行的标签<br/>就没有这么幸运了。HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
表格
表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table border="1"> <tr> <td>    </td> <td>    </td> </tr> <tr> <td>    </td> <td>    </td> </tr> </table>
表格的表头使用 <th> 标签进行定义。
<table border="1"> <tr> <th>Heading</th> <th>Another Heading</th> </tr> <tr> <td>XXX</td> <td>XXX</td> </tr> <tr> <td>XXX</td> <td>XXX</td> </tr> </table>
登录编程界面如下:
<html> <head lang="en"> <meta charset="UTF-8"> <title>登录</title> <style> div{ width: 300px; height: 200px; border: 1px solid black; } </style> </head> <body> <div align="center"> <p> 用 户 名: <input type="text" name=""><br/><br/> 密   码: <input type="text" name=""><br><br/><br/> <input type="button" value="登录"/>   <input type="button" value="注册"/> </p> </div> </body> </html>
注册编程:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> div{ width: 600px; height: 900px; border: 2px solid black; } </style> </head> <body> <div align="center"> <p> 用 户 名: <input type="text" name=""><br/><br/> 密   码: <input type="text" name=""><br/><br/> 性别: <label>男</label><input type="radio" name="ra"> <label>女</label><input type="radio" name="ra"><br/><br/> 爱好: <select> <option>篮球</option> <option>看电影</option> <option>滑冰</option> <option>看书</option> <option>爬山</option> <option>台球</option> </select><br/><br/> 行业 <input type="checkbox" name="industry" id="jr" value="金融">金融</input> <input type="checkbox" name="industry" id="js" value="教师">教师</input> <input type="checkbox" name="industry" id="sj" value="司机">司机</input> <input type="checkbox" name="industry" id="销售" value="销售">销售</input> <input type="checkbox" name="industry" id="kdy" value="快递员">快递员</input> <input type="checkbox" name="industry" id="ajy" value="安检员">安检员</input><br/><br/> 学历: <select id="select"> <option value="高中及以下">高中及以下</option> <option value="中专">中专</option> <option value="大专">大专</option> <option value="本科">本科</option> <option value="硕士">硕士</option> <option value="博士">博士</option> </select> 政治面貌: <select> <option>群众</option> <option>党员</option> <option>团员</option> </select><br/><br/> 地址: <input type="text" name=""><br/><br/> 电话号码: <input type="text" name=""><br/><br/> 证件号码: <select> <option>身份证</option> <option>军官证</option> <option>护照</option> </select><input type="text" name=""><br/><br/> 邮箱号码:<input type="text" name=""> </p> <body> <form id="myfom" name="myfom" action="#" method="post"> <textarea rows="10"cols="30" id="comment"></textarea> </form> </body><br/><br/> <input type="button" value="提交"/> </div> </body> </html>
标签:
原文地址:http://www.cnblogs.com/sky-151/p/4890408.html