HTML基础：一个例子熟悉常用标签

　　

HTML基础：一个例子熟悉常用标签

 

　　HTML（Hyper Text Markup Language）

　　超文本标记语言。

　　

　　HTML文件的后缀名一般是.htm， .html

　　HTML文件的根标签是html，主要由head和body两部分组成。

　　

　　本文例子中有超链接的标签、表格标签，之后是表单。

　　表单（form） ：常见应用场景：客户端提供用户名和密码，向服务器发送登录请求，通过表单提交数据。

 

 

<html>
        <head>
                <title>我的第一个 HTML 页面</title>
        </head>

        <body>                
                <p>body 元素的内容会显示在浏览器中。</p>                
                <p>title 元素的内容会显示在浏览器的标题栏中。</p>                
                <!-- 超链接 -->
                <a href="http://www.baidu.com">这是一个链接</a>
                <!-- 换行 -->
                <br>

                <!-- 表格 -->
                <table border="1" align="center" width="60%">
                        <tr>
                                <th>aa</th>
                                <th>bb</th>
                                <th>cc</th>
                        </tr>
                    
                        <tr>
                                
                                <td align="center"><b>dd</b></td>
                                <td>ee</td>
                                <td>ff</td>
                        
                        </tr>
                
                </table>

                <!-- 表单 -->
                <form> 
                        username:<input type="text"><br>
                        password:<input type="password"><br>
                        兴趣:学习<input type="checkbox"><br>                
                        旅游<input type="checkbox"><br>
                        睡觉<input type="checkbox"><br>

                        <!-- 通过同样的name属性将单选按钮放在一组 -->
                        性别：男<input type="radio" name="gender">
                        女<input type="radio" name="gender">

                        学历：
                        <select>
                                <option>高中</option>
                                <option>专科</option>
                                <option>本科</option>
                                <option>硕士</option>
                                <option>博士</option>
                        </select>
                        <br>

                        评论：<textarea>
                                
                        </textarea><br>
                        <br>

                        文件上传：<input type="file">
                        <br>

                        <!-- 提交 -->
                        <input type="submit" value="submit上的文本">
                        <!-- 空格：&nbsp; -->
                        &nbsp;
                        &nbsp;
                        <!-- 重置：将页面恢复最初的状态 -->
                        <input type="reset" value="重置">

                        &nbsp;
                        <input type="button" value="普通按钮"
                        onclick="javascript:alert('Hello World')">
                        
    
                </form>                 
        
        </body>

</html>

 

页面显示如下：

 

 

 

参考资料

　　张龙老师北京圣思园Java Web培训视频。

　　w3school：http://www.w3school.com.cn/

 

posted @ 2013-05-21 01:30  圣骑士wind  阅读(1690)  评论(0)  编辑  收藏  举报