zoukankan      html  css  js  c++  java
  • JAVAWEB复习day01

    一、基础知识

    • 1.一个html文件开始和结束的标签<html></html>
    • 2.html的两部分<head>设置相关信息</head>,<body>页面的内容显示都写在这里</body>
    • 3.html的代码不区分大小写的
    • 4.<br/>换行,<hr/>换行且有下划线。这两个都是没有结束标签的。
    • 5.如果图片在所有目录的上层目录day01,怎么表示上层目录 ../,怎么表示上层的上层 ../../
    • 6.超链接<a href="链接到资源的路径“>显示在页面上的内容</a>
    • 当超链接不需要任何的地址可以加一个#,<a href="#“>这是一个超链接</a>
    • href:链接的资源的地址
    • target设置打开的方式,默认是在当前页打开 target="_self",target=“_blank"在一个新窗口打开
    • 7.定位资源
    • 定义一个位置<a name="top">顶部</a>
    • 回到这个顶部<a href="#top">回到顶部</a>
    • 8.<pre>可以原样输出</pre>

    二、表格标签

    • 好处:可以对数据进行格式化,使数据显示更加清晰
    • <table></table>表示表格的范围
    • border表格线
    • bordercolor表格线的颜色
    • cellspacing单元格之间的距离
    • width表格的宽度
    • height高度
    • table里面有<tr></tr>,<tr>里面有<td></td>

    三、表单标签

    <form></form>定义一个表单的范围

    输入项:可以输入内容或者选择内容的部分

    <input type="输入项的类型"/>

    普通输入项:<input type="text"/>

    密码输入项:<input type="password"/>

    单选输入框:<input type="radio"/>

    注意<input type="radio" name="sex" nav="nv"/>女

    <input type="radio" name="sex" nav="nan"/>男<br/>

    可以看出name的属性值必须相同

    复选输入项:<input type="checkbox"/>

    注意:

    爱好:<input type="checkbox" name="love" value="y">羽毛球
    <input type="checkbox" name="love" value="p">兵乓球
    <input type="checkbox" name="love" value="pp">排球
    可以看出name的属性值必须相同
    下拉输入项<不是在input标签里面的>

    <select name="birth">
    <option value="1991">1991</option>
    <option value="1992">1992</option>
    <option value="1993">1993</option>

    <select>

    文件输入项<input type="file"/>
     
  • 相关阅读:
    npm install 报错问题解决
    搭建VUE脚手架流程
    gitLad创建新仓库、上传项目、拉取项目方法
    vscode打开终端失败,重新安装其它版本也没用,想知道这是为什么
    Vue组件 父组件使用子组件中的值(子组件给父组件传值的方法)
    Element-ui 上传el-upload组件的使用方法
    Vue 计算属性
    JQ+Layui弹窗 实现支付功能
    Vue+ElementUI 验证手机号发送验证码倒计时功能,先清除定时器然后创建定时器
    生命陪伴生命,生命唤醒生命
  • 原文地址:https://www.cnblogs.com/almm/p/10861553.html
Copyright © 2011-2022 走看看