zoukankan      html  css  js  c++  java
  • HTML body体

    p br h div span

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">d
        <title>Title</title>
    
    </head>
    <!--body标签分类
    块级标签(占用一行空间):<p> </p> 表示一个段落 <br> 表示换行,H系列(字体加大加粗)div(白板)
    行内标签:span(白板)
    空格:&nbsp; 大于号/小于号:gt;&lt;
    标签存在的意义:css,js对其进行渲染。
    chrome:审查元素、定位查看样式
    -->
    <body>
        <p >这是第一段</p>
        <p >这是第二段</p>
        <p >这是第三段</p>
        <h1>一号标题</h1>
        <h2>二号标题</h2>
        <h3>三号标题</h3>
        <h4>四号标题</h4>
        <h5>五号标题</h5>
        <h6>六号标题</h6>
        <span> 测试大于号小于号:&lt;a&gt;测试换行<br>换行..测试空格&nbsp;&nbsp;&nbsp;&nbsp;.....</span>
        <div> div1</div>
        <div> div2</div>
        <div> div3</div>
    </body>
    </html>

    效果

    表单 <form>  </form>

    想要向服务器提交的内容必须写到form中去。

    输入框 <input>

        type类型有:text:输入框内可以输入文本

                  placeholder :输入框的提示

              password:输入时隐藏

              submit、提交动作的按钮

              button、空按钮

                     value 配合submit或者button。显示在按钮上的字

        name:便于服务器获取表格中的值。name的值在传送给服务器的时候作为字典的key 。输入框内输入得内容作为value。

        

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <form action="http://localhost:8888/index" method="post">
            <input type="text" name="user" placeholder="用户名" >
            <input type="text" name="pwd" placeholder="密码">
            <input type="button" value="这是一个无用按钮">
            <input type="submit" value="提交">
    
        </form>
    </body>
    </html>

     

  • 相关阅读:
    FIDDLER的使用方法及技巧总结(连载一)FIDDLER快速入门及使用场景
    Swiper轮播插件的花式用法
    前端Js框架汇总
    前端开发06
    前端开发面试题05
    前端开发面试题04
    原生js和jquery实现图片轮播特效
    如何判断前端开发能力?
    前端面试题03
    团队冲刺09
  • 原文地址:https://www.cnblogs.com/zhangmingda/p/9795804.html
Copyright © 2011-2022 走看看