zoukankan      html  css  js  c++  java
  • 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/

  • 相关阅读:
    List of the best open source software applications
    Owin对Asp.net Web的扩展
    NSwag给api加上说明
    'workspace' in VS Code
    unable to find valid certification path to requested target
    JMeter的下载以及安装使用
    exception disappear when forgot to await an async method
    Filter execute order in asp.net web api
    记录web api的request以及response(即写log)
    asp.net web api的源码
  • 原文地址:https://www.cnblogs.com/liu-Gray/p/4825150.html
Copyright © 2011-2022 走看看