html中的body标签

有20个常用的标签：

1、p  div   h1  a span br 5个标签
    <p></p> 为段落标签，段前后有间距，<br />为换行标签，是自闭类型，可以不加斜杠。
    <h1></h1>为标题标签，1、2、3、4、5字体逐步缩小。<div></div>为块标签。这四个标签都属于块级标签
    行内标签：<a href="url" target="_block"></a>   <span></span>为行内的标签，不自动换行，是一个白板标签。
    a标签中的target的值有四种： _blank在新窗口中打开被链接文档。_self在被点击时的同一框架中打开被链接文档（默认）。_parent在父框架中打开被链接文档。_top在窗口主体中打开被链接文档。

2、- input系列 + form标签
input系列标签，通过type发生进行设置：

　　　 type='text'    ，普通输入框，其中有name标识名字，value设置默认值。
            type='password' ,    密码输入框。其余同上。
            type='submit'   - value='提交' 提交按钮，表单
            type='button'   - value='查看' 普通按钮
            type='radio'    - 单选框 value，checked="checked"，name属性（name相同则互斥）
            type='checkbox' - 复选框 value, checked="checked"，name属性（批量获取数据）
           以上两个标签，设置默认值的方法是checked="checked"；

           type='file'     - 依赖form表单的一个属性 enctype="multipart/form-data"
           type='reset'     - 重置表单。
    3、select textarea

　　<textarea >默认值</textarea>  - name属性     －－－多行文本框。
    select标签  - name,内部option value, 提交到后台，size，multiple

<select>
    <option>上海</option>
    <option selected="selected">北京</option>
    <option>大连</option>
    <option>烟台</option>
</select>
<!--select的第一种样式，是下拉列表形式的。selected设置默认项-->
<select size="4">
    <option>上海</option>
    <option selected>北京</option>
    <option>大连</option>
    <option>烟台</option>
</select>
<!--select的第二种样式，是竖表形式的。selected设置默认项-->
<select size="4" multiple="multiple">
    <option>上海</option>
    <option selected>北京</option>
    <option>大连</option>
    <option>烟台</option>
</select>
<!--select的第三种样式，是竖表形式的。selected设置默认项，可以多选->
还有一种，不太常用。

select size="6" multiple="multiple">
   <optgroup label="南方地区"></optgroup>   
    <option>上海</option>
    <option selected>广州</option>
    <optgroup label="北方地区"></optgroup>
    <option>大连</option>
    <option>烟台</option>
</select>

4、img标签

<img src="icon.png" alt="图片失效了" title="这是一张图标"/>

5、ul ol dl列表标签：

<ul>
    <li>list1</li>
    <li>list2</li>
    <li>list3</li>
    <li>list4</li>
</ul>
<!--列表项前边加点。如将ul换成ol,则列表项前边加数字。-->

<dl>
    <dd>第一类</dd>
    <dt>list1</dt>
    <dt>list1</dt>
    <dt>list1</dt>
    <dd>第二类</dd>
    <dt>list1</dt>
    <dt>list1</dt>
    <dt>list1</dt>
</dl>

6、表格
            table
                thead 表头
                    tr
                        th
                tbody
                    tr
                        td
            colspan = '' 列合并
            rowspan = '' 行合并。

7、- label fielset
            用于点击文件，使得关联的标签获取光标
            <label for="username">用户名：</label>
            <input id="username" type="text" name="user" />
        - fieldset
            legend

<form>
  <fieldset>
    <legend>健康信息</legend>
    身高：<input type="text" />
    体重：<input type="text" />
  </fieldset>
</form>

一些例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<meta http-equiv="refresh" content="2"-->
    <title>Title</title>
</head>
<body>
    <!--<a href="http://www.baidu.com">百&nbsp&nbsp&nbsp&nbsp&nbsp&lt&gt度</a>-->      
    <div id="d1">
        <form enctype="multipart/form-data" action="http://192.168.1.105:9999/index" method="post">
            <input type="text" name="user" value="用户名"/>
            <input type="password" name="pwd"/>
            <input type="button" value="普通按钮"/>
            <p>请选择你的班级：</p>
            一、<input type="radio" name="ss" value="1" checked="checked"/>&nbsp&nbsp
            二、<input type="radio" name="ss" value="2"/>&nbsp&nbsp
            三、<input type="radio" name="ss" value="3"/>&nbsp&nbsp
            四、<input type="radio" name="ss" value="4"/>&nbsp&nbsp
            五、<input type="radio" name="ss" value="5"/>&nbsp&nbsp
            <p>请选择你的爱好：</p>
            游泳<input type="checkbox" name="ms" value="游泳"/>
            跑步<input type="checkbox" name="ms" value="跑步"checked="checked"/>
            跳高<input type="checkbox" name="" value="跳高"/>
            <input type="file" name="f1" />
            <br/>
            <input type="submit" value="提交数据"/>
            <input type="reset" value="重置"/>
        </form>
    </div>
</body>
</html>

import tornado.ioloop
import tornado.web


class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.write("Hello, world")
    def post(self):
        self.write("post")


application = tornado.web.Application([
    (r"/index", MainHandler),
])

if __name__ == "__main__":
    application.listen(9999)
    tornado.ioloop.IOLoop.instance().start()

posted @ 2018-05-13 20:57 LZ鱼乐阅读(695) 评论(0) 收藏举报

刷新页面返回顶部

py01

html中的body标签

公告