zoukankan      html  css  js  c++  java
  • HTML

    html总结

    网页组成

    HTML--结构

    css--表现

    java Script(JS)--行为



    html概述:是一种超文本标记语言。

    元素:

    <!DOCTYPE html>

    <html lang="en">

    <head> //开始文档头

        <meta charset="UTF-8"> //解析

        <title>Title</title> //标题标记

    </head> //结束文档头

        <body>//网页显示区域 

            

            <div> //定义文档中的节或区域(块级)。

                  <p> <p> //定义段落

            </div>

        </body>//结束文档

    </html> 



    超链接

    1先创建一个页面

    2指向页面

    <a  href=”form.html”>当前的目录</a> //定义跳转页面

    跳转锚点(跳转回到顶部)

    1创建锚点

    <a name="label">锚(显示在页面上的文本)</a>

    2指向锚点

    <a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>

    图像链接

    <img border="0" src="../i/eg_buttonnext.gif" />



    get和post区别

    get是显示的、速度快、不安全。

    post不显示出来、速度慢、安全的。



    表格

    表格由 <table> 标签来定义,每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。

    <table border="1"> //定义表格显示可见

    <caption>我的标题</caption> //表格标题

    <th>Heading</th> //表头

    <tr>

    //<td>row 1, cell 1</td> //单元格

    <td colspan="2">row 1, cell 2</td>//合并两列单元格

    </tr>

    <tr>

    <td>row 2, cell 1</td>

    <td rowspan="2">row 2, cell 2</td>合并两行单元格

    </tr>

    </table>



    表格标签

    表格 描述 

    <table> 定义表格 

    <caption> 定义表格标题。 

    <th> 定义表格的表头。 

    <tr> 定义表格的行。 

    <td> 定义表格单元。 

    <thead> 定义表格的页眉。 

    <tbody> 定义表格的主体。 

    <tfoot> 定义表格的页脚。 

    <col> 定义用于表格列的属性。 

    <colgroup> 定义表格列的组 



    表单

    表单是一个包含表单元素的区域。

    表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

    表单使用表单标签(<form>)定义。



    文本域(Text Fields)

    <div>

        <dr>

            &nbsp用户名:&nbsp;

            <input type="text" name="用户名"/>

        </dr>

    </div>



    单选按钮(Radio Buttons)

    <div>

        &nbsp性别:&nbsp;

        <input type="radio" name="sex">男

        <input type="radio" name="sex">女

    </div>



    复选框(Checkboxes)

    <div>

        &nbsp爱好:&nbsp;

        <input type="checkbox" name="bike" />体育

        <input type="checkbox" name="car" />旅游

        <input type="checkbox" name="bike" />读书

        <input type="checkbox" name="car" />电脑

        <input type="checkbox" name="car" />音乐

    </div>

    表单的动作属性(Action)和确认按钮

    <div>

        <input type="button" value="提交">

        <input type="button" value="重置">

    </div>

  • 相关阅读:
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!
    直播丨国产最强音:HTAP融合型分布式数据库EsgynDB架构详解
    20个MySQL高性能架构设计原则(收藏版)
    RocketMQ进阶-延时消息
    Volatility2.6用法
    【LeetCode】112.路径总和(递归和迭代实现,Java)
  • 原文地址:https://www.cnblogs.com/daiwei-/p/5427165.html
Copyright © 2011-2022 走看看