• Html学习笔记4


    <span style="font-size:18px;">超链接:
    1 标签
    语法: <a  href="链接跳转后的地址 " >链接文字</a><
    样例: <a href="http://www.baidu.com" >百度一下就知道</a> 
    2.超链接target属性  
    语法 <a href="链接跳转后的地址" target="打开的方式">链接文字</a>   
      target属性的值。

    _self 默认方式。即在当前窗体打开链接<在一个全新的空白窗体中打开链接>在当前框架的上一层里打开链接 3.超链接 有两种链接方式:一种是内部链接,还有一种是外部链接。

    内部链接指的是超链接的链接对象是在同一个站点中的资源。

    与自身站点页面有关的链接被称为内部链接。“超链接a标签”的样例就是外部链接,这个超链接的链接对象是外部站点。而内部链接的链接对象是站点的其它页面或当期页面。 <title>超链接之内部链接</title> <a href="网页2.aspx">跳转到网页2</a> <a href="test网页3.aspx">跳转到网页3</a></span><span style="font-size:14px;"> </span>



    4、锚点链接简单介绍
    锚点链接是内部链接的一种。它链接对象是当前页面的某一个部。
    有些网页因为内容比較多。导致页面过长。訪问者须要不停地拖动浏览器上的滚动栏来查看文档中的内容。

    <span style="font-size:18px;"><span style="font-size:18px;"><div>
            <a href="#music">推荐音乐</a><br />
            <a href="#movie">推荐电影</a><br />
            <a href="#article">推荐文章</a><br />
        </div></span></span>

    锚点链接要设置两部分:一,是目标锚点的id名称;二是超链接部分。

    id也就是元素的名称,跟name属性一样。差别在于name是HTML中的标准,而id是XHTML中的标准。在web2.0的网页中极少使用name属性,而是使用id属性。

    在同一个页面中。id是唯一的。也就是一个页面不同意出现同样的id。

    表单

    创建一个表单看上去就像创建一个表格,表格的行、列和单元格都放在<table>标签中,而创建表单的方式跟创建表格的一样。

    假设你要创建一个表单。那你就要把表单的那些各种标签放在表单标签<form>内部。


            语法:
    <form>表单各种标签</form>
          
      1.表单的属性:
              name:用于差别表单 和id一样
             action:用于处理提交表单的请求
             method:包含get和Post两种方式
    enctype:application/x-www-form-urlencoded默认的编码方式;multipart/form-dataMIME编码,对于“上传文件”这样的表单必须选择该值。
             target:同<a>标签的该属性。


    2.表单提交
    Get和Post的差别

    1. get是从server上获取数据,post是向server传送数据。
    2. get是把參数数据队列加到提交表单的action属性所指的url中。值和表单内各个字段一一相应,在url中能够看到。post是通过http post机制,将表单内各个字段与其内容放置在html header内一起传送到action属性所指的url地址。用户看不到这个过程。
    3. 对于get方式。server端用Request.QueryString获取变量的值。对于post方式,server端用Request.Form获取提交的数据。
    4. get传送的数据量较小,不能大于2KB。post传送的数据量较大,一般被默觉得不受限制。但理论上。IIS4中最大量为80KB。IIS5中为100KB。

    5. get安全性很低,post安全性较高。

    可是运行效率却比Post方法好。 建议: 1、get方式的安全性较Post方式要差些。包括机密信息的话。建议用Post数据提交方式; 2、在做数据查询时,建议用Get方式;而在做数据加入、改动或删除时。建议用Post方式。

    參考:http://zhidao.baidu.com/link?

    url=7pZEIP5-uk-nn9m2NopfrTxZ76TVvVFMJVksHXW_V3kz5TV1BDUxFHRPOcpEQ9p6mfRe0-4CI3pRjWOoK6BAmK

     3表单对象:

        表单对象分为三种:

        <select>和<option>,<input>,<textarea>

       ①input标签

       input的type属性值


        ▪ text的属性有三个:value、size和maxlength

          语法:

     <input type="text" value="默认文字" size="文本框长度" maxlength="最多输入字符数"/>

         ▪password的属性值也是value、size、maxlength

         ▪radio

        语法:

         <input type="radio" name="单选button所在的组名" value="单选button的取值"/>

         •checkbox

        样例:

    <span style="font-size:14px;"><!DOCTYPE html> 
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
    </head>
    <body>
        <form name="form1" method="post" action="index.html">
            你喜欢的水果:<br />
            <input id="checkbox1" type="checkbox" checked="checked"/><label for="checkbox1">苹果</label><br />
            <input id="checkbox2" type="checkbox" /><label for="checkbox2">香蕉</label><br />
            <input id="checkbox3" type="checkbox" /><label for="checkbox3">西瓜</label><br />
            <input id="checkbox4" type="checkbox" /><label for="checkbox4">凤梨</label>
        </form>
    </body>
    </html></span>

    •普通按钮button
    普通button普通情况下要配合JavaScript脚本来进行表单的实现。
    语法:
    <input type="button" value="普通按钮的取值" onclick="JavaScript脚本程序"/>
    说明:
    value的取值就是显示在button上的文字。onclick是普通button的事件。

            

    submit(提交)

    reset(重置)

    • 图片域 image

    <input type="image" src="图像的路径"/>

    •隐藏域 hidden

    <input type="hidden"/>

    •文件域file

    <input type="file"/><input type="file"/>enctype=“multipart/form-data 设置编码方式

    ②多行文本框

    <textarea rows="行数" cols="列数">多行文本框内容</textarea>

    ③下拉列表

    <select> <option>一起使用

    <select>标签属性 说明
    multiple可选属性,仅仅有一个属性值"multiple"。默认情况下下拉列表仅仅能选择一项,当设置multiple=“multiple”时,下拉列表能够选择多项
    size 下拉列表展开之后可见列表项的数目

    <option>标签属性说明

    value选项值
    selected 是否选中


    3多媒体

    音频和视频文件和flash的插入使用<embed>标签

          语法:<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"/>

    • 背景音乐:

           在网页中能够为某个网页设置背景音乐,使用的是bgsound标签。bgsound是用以插入背景音乐。但仅仅适用于IE浏览器,在Firefox等中未必适用。

    语法:<bgsound src="背景音乐的地址"  loop="播放次数"/>

    4.浮动框架iframe

    <iframe src="浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高"></iframe>

    对于浮动框架iframe的的滚动栏,我们能够使用scrolling属性来控制。scrolling属性有3种情况:依据须要显示、总是显示和不显示。

    auto默认值,整个表格在浏览器页面中左对齐
    yes 总是显示滚动栏。即使页面内容不足以撑满框架范围。滚动栏的位置也预留
    no 在不论什么情况下都不显示滚动栏


  • 相关阅读:
    小米路由通过SSH添加静态路由表之后无法跳转的问题
    极路由通过SSH添加静态路由表之后无法跳转的问题
    Linux服务器压测/拷机软件收集
    RabbitMQ整合Spring Booot【消费者补偿幂等问题】
    找不到共享解决办法
    如何一步步设计一款微服务的补偿方案
    Spring Cloud 支付宝支付的流程
    把同事的重复代码清理干净,老板却让我做了回滚?
    [LeetCode] 565. Array Nesting 数组嵌套
    [LeetCode] Out of Boundary Paths 出界的路径
  • 原文地址:https://www.cnblogs.com/lcchuguo/p/5325426.html
Copyright © 2020-2023  润新知