html操作

HTML（hyper text markup language）：

超文本标记语言，标准通用标记语言下的一个应用。

超文本就是指页面内可以包含图片、连接、音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（head）和“主体”部分。其中“头”部提供关羽网页的信息，“主体”部分提供网页的具体内容。

1、定义：

超级文本标记语言是标准通用标记语言下的一个应用，也是一种规范，一种标准。超文本标记语言通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本中添加标记符，可以告诉浏览器如何显示其中的内容（如文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编织者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因为可能会有不同的显示效果。

2、基本组成：

<!DOCTYPE html>  <!--文档类型；后面参数意义是浏览器按什么标准来解释网页。-->

<html lang="en">
<head>
    <!-- html编码类型-->
    <meta charset="UTF-8">
    <!--刷新与跳转-->
    <!--<meta http-equiv="Refresh" content="2">-->
    <!--<meta http-equiv="Refresh" content="3; Url=http://www.163.com">-->
    <!--关键字与描述-->
    <meta name="keywords" content="fuck">
    <meta name="description" content="fuck you everyday">
    <!--标头的图标-->
    <!--<link rel="shortcut icon" href="1.png"/>-->
    <link rel="stylesheet" type="text/css" href="1.png">
    <title>标头</title>
</head>
<!-- 下面部分是浏览器呈现的内容-->
<body>
</body>

基本信息

3、标签、样式、等：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--刷新与跳转-->
    <!--<meta http-equiv="Refresh" content="2">-->
    <!--<meta http-equiv="Refresh" content="3; Url=http://www.163.com">-->
    <!--关键字与描述-->
    <meta name="keywords" content="fuck">
    <meta name="description" content="fuck you everyday">
    <!--标头的图标-->
    <!--<link rel="shortcut icon" href="1.png"/>-->
    <link rel="stylesheet" type="text/css" href="1.png">
    <title>标头</title>
</head>
<body>
    <!--特殊符号，大于、空格、小于-->
    <a href="http://www.baidu.com">一人&nbsp;&lt;饮酒&gt;醉</a>
    <p>你好，换行吧<br/> ok,换完了</p>
    <p>p标签用来做段落</p>
    <h1>我是h1</h1>
    <h6>我是h6</h6>
    <span>我是span标签1</span>
    <span>我是span标签2，默认是白板的</span>
    <div>我是div标签，默认我是白板的</div>
    <form action="http://localhost:6969/index" method="get">
        <input type="text" name="user"/>
        <input type="password" name="pwd"/>
        <input type="button" value="button"/>
        <input type="submit" value="submit"/>
    </form>
    <form action="https://www.sogou.com/web">
        <input type="text" name="query" value="我是默认值"/>
        <input type="submit" name="搜索" />
    </form>
    <form>
        <div>
            <p>性别：</p>
            男<input type="radio" name="gender" value="M" checked="checked"/>
            女<input type="radio" name="gender" value="F"/>
            <p>爱好：</p>
            撩妹<input type="checkbox" name="hobby" value="1" checked="checked"/>
            健身<input type="checkbox" name="hobby" value="2" checked="checked"/>
            上网<input type="checkbox" name="hobby" value="3"/>
        </div>
        <p>备注:
            <textarea name="ps">默认值</textarea>
        </p>

        <input type="submit" value="提交"/>
        <input type="reset" value="重置"/>
    </form>
    <form enctype="multipart/form-data">
        <p>上传照片</p>
        <input type="file" name="fname"/>
        <input type="submit" value="提交"/>
    </form>
</body>
</html>

基本设置

#!/usr/bin/env python
# -*- coding:utf-8 -*-
# Author:Tong Cable

import tornado.web
import tornado.ioloop

class MainHandler(tornado.web.RequestHandler):
    def get(self):
        print(‘111‘)
        u = self.get_argument(‘user‘)
        p = self.get_argument(‘pwd‘)
        if u == ‘cab‘ and p == ‘123‘:
            self.write(‘登陆成功‘)
        else:
            self.write(‘登录失败‘)

    def post(self, *args, **kwargs):
        u = self.get_argument(‘user‘)
        p = self.get_argument(‘pwd‘)
        print(u,p)
        if u == ‘cab‘ and p == ‘123‘:
            self.write(‘恭喜你，登陆成功‘)
        else:
            self.write(‘用户名或密码错误‘)

application = tornado.web.Application([
    (r"/index", MainHandler),
])
if __name__ == ‘__main__‘:
    application.listen(6969)
    tornado.ioloop.IOLoop.instance().start()

server

4、select及a标签等：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div>
        <select>
            <option value="1" >北京</option>
            <option value="2">山东</option>
            <option value="3" selected="selected">上海</option>
            <option value="4">深圳</option>
        </select>
    </div>
    <hr/>
    <div>
        <select size="5" multiple="multiple">
            <option value="1" >北京</option>
            <option value="2">山东</option>
            <option value="3" selected="selected">上海</option>
            <option value="4">台湾</option>
            <option value="5" >西藏</option>
            <option value="6">新疆</option>
            <option value="7" selected="selected">广东</option>
            <option value="8">海南</option>
        </select>
    </div>
    <div>
        <select size="5" multiple="multiple">
            <optgroup label="北京">
                <option value="1" >朝阳</option>
                <option value="2">丰台</option>
                <option value="3" >昌平</option>
                <option value="4">大兴</option>
            </optgroup>
            <optgroup label="山东">
                <option value="5" >德州</option>
                <option value="6">济南</option>
                <option value="7" selected="selected">青岛</option>
                <option value="8">淄博</option>
            </optgroup>
            <optgroup label="黑龙江">
                <option value="5" >哈尔滨</option>
                <option value="6">鸡西</option>
                <option value="7" selected="selected">北安</option>
            </optgroup>
        </select>
    </div>
    <hr/>
    <a href="#i1">第一章</a>
    <a href="#i2">第二章</a>
    <a href="#i3">第三章</a>
    <div id="i1" style="height: 600px;">第一章内容</div>
    <div id="i2" style="height: 500px">第二章内容</div>
    <div id="i3" style="height: 400px;">第三章内容</div>
</body>
</html>

view

5、图片、超链接、表格等：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="http://www.sogou.com/web?query=麻生希">
    <img src="2.jpg" title="麻生希" style="height: 300px; width: 200px;" alt="美女"/>
</a>
<ul>
    <li>上边那是谁啊？</li>
    <li>已经过时了...</li>
    <li>多么老了她都!</li>
</ul>
<ol>
    <li>那是90年代的事情了</li>
    <li>那天偶然间看到的</li>
    <li>还有桃谷</li>
</ol>
<dl>
    <dt>我是小明，今年12岁</dt>
    <dd>老司机们谈论嘛呢</dd>
    <dd>老司机带带我</dd>
    <dd>老司机发车了，赶紧上车</dd>
    <dt>我是老王，今年96岁</dt>
    <dd>小明们，坐好了</dd>
    <dd>走咯。。。</dd>
</dl>
<table border="1">
    <thead>
        <tr>
            <td>主机名</td>
            <td>端口</td>
            <td>操作</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>10.1.2.19</td>
            <td>8080</td>
            <td>
                <a href="first.html">查看</a>
            </td>
        </tr>
        <tr>
            <td>10.233.12.128</td>
            <td>9000</td>
            <td>
                <a href="2.jpg">调试</a>
            </td>
        </tr>
         <tr>
            <td rowspan="2">10.233.12.128</td>
            <td colspan="2" >9000</td>
        </tr>
         <tr>
            <td>9000</td>
            <td>
                <a href="1.png">调试</a>
            </td>
        </tr>
    </tbody>
</table>
<br/>
    <!--通过lable的for与input的id进行关联，获取光标，即点击文字就可获取光标？？-->
    <label for="username">用户名</label>
    <input id="username" type="text" name="user"/>
    <br/>
    <fieldset>
        <legend>登陆</legend>
        <lable for="user">用户名：</lable>
        <input id="user" type="text" name="use"/>
        <br/>
        <label for="pwd">密 &nbsp;码：&nbsp;</label>
        <input id="pwd" type="password" name="passwd"/>
    </fieldset>
</body>
</html>

时间： 2024-10-29 12:43:08

html操作的相关文章

如何用一个app操作另外一个app.比如微信群控那样的

如何实现一个app.控制另外的app,比如市面上群控微信的,是用测试工具的原理?还是什么模拟点击的原理? 如何用一个app操作另外一个app.比如微信群控那样的 >> android 这个答案描述的挺清楚的:http://www.goodpm.net/postreply/android/1010000007186891/如何用一个app操作另外一个app比如微信群控那样的.html

ELK 学习笔记之 elasticsearch Mget操作

Mget操作: 查询多个文档: curl -XGET 'http://192.168.1.151:9200/_mget' -d '{"docs": [{"_index": "library","_type": "books", "_id": "1"}, {"_index": "library","_type"

条件、循环、函数定义、字符串操作练习

注意标准库的两种导入与使用方式,建议大家采用<库名>.<函数名>的方式. 对前面的代码进行优化,用for,while,if,def实现: 用循环画五角星 1 import turtle 2 3 turtle.fillcolor("red") 4 turtle.begin_fill() 5 for i in range(5): 6 turtle.forward(100) 7 turtle.right(144) 8 turtle.end_fill() 用循环画同心圆

Python 文件操作

操作文件时,一般需要经历如下步骤: 打开文件 操作文件 一.打开文件 文件句柄 = open('文件路径', '模式') 打开文件时,需要指定文件路径和以何等方式打开文件,打开后,即可获取该文件句柄,日后通过此文件句柄对该文件操作. 打开文件的模式有: r,只读模式(默认). w,只写模式.[不可读:不存在则创建:存在则删除内容:] a,追加模式.[可读: 不存在则创建:存在则只追加内容:] "+" 表示可以同时读写某个文件 r+,可读写文件.[可读:可写:可追加] w+,写读 a+,

Python操作数据库（mysql redis）

一.python操作mysql数据库: 数据库信息:(例如211.149.218.16   szz  123456) 操作mysql用pymysql模块 #操作其他数据库,就安装相应的模块 import  pymysql ip='211.149.218.16' port=3306 passwd='123456' user='root' db='szz' conn=pymysql.connect(host=ip,user=user,port=port,passwd=passwd,db=db,cha

数据库权限分配操作

1.远程登录mysqlmysql -h ip -u root -p 密码2.创建用户格式:grant 权限 on 数据库.* to 用户名@登录主机 identified by "密码";例1:增加一个test1用户,密码为123456,可以在任何主机上登录,并对所有数据库有查询,增加,修改和删除的功能.需要在mysql的root用户下进行mysql>grant select,insert,update,delete on *.* to [email protected]&quo

Django（三） ORM 数据库操作

比较有用 转自 http://blog.csdn.net/fgf00/article/details/53678205 一.DjangoORM 创建基本类型及生成数据库表结构 1.简介 2.创建数据库 表结构 二.Django ORM基本增删改查 1.表数据增删改查 2.表结构修改 三.Django ORM 字段类型 1.字段类型介绍 2.字段参数介绍 3.Django ORM 外键操作 一.DjangoORM 创建基本类型及生成数据库表结构 1.简介 ORM:关系对象映射.定义一个类自动生成数

python操作mysql ------- SqlAchemy正传

本篇对于Python操作MySQL主要使用两种方式: 原生模块 pymsql ORM框架 SQLAchemy pymsql pymsql是Python中操作MySQL的模块,其使用方法和MySQLdb几乎相同. 下载安装 pip3 install pymysql 使用操作 1.执行SQL #!/usr/bin/env python # -*- coding:utf-8 -*- import pymysql # 创建连接 conn = pymysql.connect(host='127.0.0.1

SQLServer数据库自增长标识列的更新修改操作

SQLServer数据库自增长标识列的更新修改操作方法在日常的sql server开发中,经常会用到Identity类型的标识列作为一个表结构的自增长编号.比如文章编号.记录序号等等.自增长的标识列的引用很大程度上方便了数据库程序的开发,但是有时这个固执的字段类型也会带来一些麻烦. 一.修改标识列字段的值:(在执行insert时,将ID手动的设置成想要的值)有时,为了实现某个功能,需要修改类型为Identity自增长类型的字段的值,但由于标识的类型所限,这种操作默认是不允许的.比如,目前数据库有

对IO流的操作(文件大小，拷贝，移动，删除)

import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.FileReader;import java.io.FileWriter;import java.io.IOException;import java.io.SequenceInputStream; class LjyFileClass { /*LjyFileClass工具类使用需知: * * 1.计算