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">一人 <饮酒>醉</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('')
u = self.get_argument('user')
p = self.get_argument('pwd')
if u == 'cab' and p == '':
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 == '':
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">密 码： </label>
<input id="pwd" type="password" name="passwd"/>
</fieldset>
</body>
</html>
更多：http://www.cnblogs.com/evilliu/p/5750539.html
html操作的更多相关文章
- 关于DOM的操作以及性能优化问题-重绘重排
写在前面: 大家都知道DOM的操作很昂贵. 然后贵在什么地方呢? 一.访问DOM元素 二.修改DOM引起的重绘重排 一.访问DOM 像书上的比喻:把DOM和JavaScript(这里指ECMScri ...
- Sql Server系列：分区表操作
1. 分区表简介 分区表在逻辑上是一个表,而物理上是多个表.从用户角度来看,分区表和普通表是一样的.使用分区表的主要目的是为改善大型表以及具有多个访问模式的表的可伸缩性和可管理性. 分区表是把数据按设 ...
- C# ini文件操作【源码下载】
介绍C#如何对ini文件进行读写操作,C#可以通过调用[kernel32.dll]文件中的 WritePrivateProfileString()和GetPrivateProfileString()函 ...
- js学习笔记：操作iframe
iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...
- jquery和Js的区别和基础操作
jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...
- ASP.NET Aries 入门开发教程7：DataGrid的行操作（主键操作区）
前言: 抓紧勤奋,再接再励,预计共10篇来结束这个系列. 上一篇介绍:ASP.NET Aries 入门开发教程6:列表数据表格的格式化处理及行内编辑 本篇介绍主键操作区相关内容. 1:什么时候有默认的 ...
- 如何在高并发环境下设计出无锁的数据库操作（Java版本）
一个在线2k的游戏,每秒钟并发都吓死人.传统的hibernate直接插库基本上是不可行的.我就一步步推导出一个无锁的数据库操作. 1. 并发中如何无锁. 一个很简单的思路,把并发转化成为单线程.Jav ...
- 【翻译】MongoDB指南/CRUD操作（四）
[原文地址]https://docs.mongodb.com/manual/ CRUD操作(四) 1 查询方案(Query Plans) MongoDB 查询优化程序处理查询并且针对给定可利用的索引选 ...
- 【翻译】MongoDB指南/CRUD操作（三）
[原文地址]https://docs.mongodb.com/manual/ CRUD操作(三) 主要内容: 原子性和事务(Atomicity and Transactions),读隔离.一致性和新近 ...
- 【翻译】MongoDB指南/CRUD操作（二）
[原文地址]https://docs.mongodb.com/manual/ MongoDB CRUD操作(二) 主要内容: 更新文档,删除文档,批量写操作,SQL与MongoDB映射图,读隔离(读关 ...
随机推荐
- [转]UI-Grid HeaderCellClass
本文转自:http://blog.csdn.net/vesong87/article/details/69230476 原文: 115 HeaderCellClass 在columnDef中可以为每个 ...
- TFS Negotiate方式登录的IIS配置
使用vsts-agent连接到tfs(tfs2017)配置代理客户端,可以通过PAT.Negotiate.Integrated.Alternate四种方式登录.(参考) 默认情况下,采用Negotia ...
- Linq to xml 操作带命名空间的xml
昨天需要操作用代码操作csproj文件,实现不同vs版本的切换. 在用XElement读取了csproj文件以后怎么也获取不到想要的对象. 反反复复试验了好多次都不得要领:先看下csproj文件的内容 ...
- Spring JdbcTemplate详解
为了使 JDBC 更加易于使用,Spring 在 JDBCAPI 上定义了一个抽象层, 以此建立一个JDBC存取框架. 作为 SpringJDBC 框架的核心, JDBC 模板的设计目的是为不同类型的 ...
- 微信开放平台Android应用的签名
微信开放平台Android应用签名的本质便是我们签名文件keystore的MD5值. keytool -list -v -keystore qj_test.keystore 获得: 别名: naoli ...
- 【模板】Bellman—Fort 单源最短路径算法
2333 适用于边集储存 #include<bits/stdc++.h> using namespace std; const int inf=0x3fffffff; ],t[],d[], ...
- [PHP] 重回基础（IO流）
IO流用来处理设备之间的数据传输 java对数据的操作是通过流的方式 java用于操作流的对象都在IO包中 流按操作数据分为两种:字节流与字符流 流按流向分为:输入流,输出流 字符流 抽象基类:Rea ...
- 工程中添加工程依赖 Xcode iOS
有时我们需要在一个主工程中添加其他的子工程,用来对子工程进行编写修改或者是利用子工程中的库文件等等操作,这时候我们需要用到工程的嵌套. 步骤:(看图说话) 1.新建主工程,名为TestTTTT ...
- SSM配置JDBC错误: cquisition Attempt Failed!!!
异常: 警告: com.mchange.v2.resourcepool.BasicResourcePool$AcquireTask@20ffa401 -- Acquisition Attempt Fa ...
- PHP生成缩略图（1）--简单缩略图
原理:就是将大图缩小并另存为小图 以此图为例,使其生成缩略图! 首先要使用到以下函数 imagecopyresampled() 重采样拷贝部分图像并调整大小 bool imagecopyresampl ...