zoukankan      html  css  js  c++  java
  • 新手入门html 表格 表单 超链接 图片

    超链接标签 <a></a>

    A里面的html属性 href=”所要跳转到的目标连接”

    <a href=”http:是必须加的”></a>

    特点:

    超链接默认样式是蓝色 点击之后是紫色 并且带有下划线

    target=” ”

    target属性值:-self 在当前窗口打开

    -blank 在新的窗口打开

    title=” ”提示信息(大部分标签都能添加title属性只能是文本)

    扩展:

    1,空连接 <a href=”#”></a>

    2,a模拟按钮(不让a跳转)<a href=””javascript:;></a>

    3,rel=”nofollow” 禁止传递权重||屏蔽超链接跟随

    网页中的图片有二种

    一个导入图片的结构

    另一个是背景图

    怎么样网网页导入图片

    <img>

    Imghtml属性

    border=””边框

    height=””高度

    width=””宽度

    src=”导入图片的路径”

    alt=”文本替换图片”(当图片加载不出来时会显示的文本内容)

    title=”文本提示”(图片的一个标题)

    img里面的alt属性作用:

    A,当图片加载不出来的时候回显示文本

    B,搜索引擎无法识别图片上面的文本,alt的存在方便于对图片关键字搜索

    Img里面title属性作用:

    A,文本提示

    B,作为一个图片的一个小标题

    文件夹路径

     同级找同级

    ./

     父级找子级

    ./ 文件夹名称/名称.后缀名

     子级找父级

    ../返回上一级

    组合使用:先返回,再进入

    ../文件名称/名称.后缀名

    图片的格式:

    Jpg png gif

    表格的作用:显示数据

    <table>

      <tr>

        <td></td>

        <td></td>

      </tr>

    </table>

    table里面的属性:

    width=”” 宽度

    height=”” 高度

    border=”” 边框

    bordercolor=”” 边框的颜色

    bgcolor=”” 背景颜色

    重要属性:

    cellspacing=”” 表格之间的间框边距

    cellpadding=”” 单元格的内容距离边框的边距

    align=” ” 水平对齐方式

    属性设置:center bottom middle(上下居中)

    colspan=”合并的单元数量”  合并列

    rowspan=”合并单元的数量” 合并行

    注:无论合并行还是合并列操作的都是td

    单元格合并:只要不跨行的都是合并列 跨行就是合并行和谁合并就把那个td删掉

    如果合并行又合并列:

    尽量先合并列再合并行

    表单:

    作用:收集用户信息

    <form></form>

    Formhtml属性:

    name=”表单的名称”

    action=”接口地址” 数据提交的地址路径

    method=””控制数据提交的方式post/get

    表单控件:

    <input>

    type属性决定了input在页面中的显示状态

    文本框(普通的输入框)

    <input type=”text”>

    name属性为当前控件的名称

    value属性根据控件的不同作用也是不一样的

    maxlength属性限制字符长度

    size属性控制控件大小(字符为单位的)

    密码框:

    <input type=”password”>

    提交按钮:

    <input type=”swbmit”> value=”提交按钮的文字”

    重置按钮

    <input type=”reset”> value=”控制文本按钮”

    空按钮:

    <input type=”button”> vlaue=”控制文本按钮”

    右侧打赏一下 代码改变世界一块二块也是爱
  • 相关阅读:
    [ZJOJ] 5772【NOIP2008模拟】今天你AK了吗
    exgcd扩展欧几里得求解的个数
    Dinic当前弧优化 模板及教程
    [Luogu] P3907 圈的异或
    提升——树形DP
    C++ 优先队列
    C++ 洛谷 P2458 [SDOI2006]保安站岗 from_树形DP
    C++ 洛谷 2014 选课 from_树形DP
    C++ luogu1352没有上司的舞会 from_树形DP
    浅说——树形DP
  • 原文地址:https://www.cnblogs.com/ht955/p/13758820.html
Copyright © 2011-2022 走看看