<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>综合</title>
<style type="text/css">
.{font-size:14px}
#a{font-size:30px}
#b{font-size:30px}
#c{font-size:30px}
#aa{font-size:40px}
</style>
</head> <body bgcolor="#FFCCFF">
<marquee direction="right" id="aa"><b>纳兰容若</b></marquee>
<a name=""></a>
<iframe src="Untitled-1.html" frameborder="" scrolling="no" width=""></iframe>
<table width="100%" border="" cellspacing="" cellpadding="">
<tr>
<td height="">
<h1><center>诗集</center></h1> </td>
</tr>
<tr>
<td height="">
<table width="100%" border="" cellspacing="" cellpadding="">
<tr>
<td height="">
<h1 id="a">木兰词·拟古决绝词柬友</h1>
<span class="">人生若只如初见,何事秋风悲画扇。<br />
等闲变却故人心,却道故人心易变。<br />
骊山语罢清宵半,泪雨霖铃终不怨。<br />
何如薄幸锦衣郎,比翼连枝当日愿。<br /></span></td>
<td><h1 id="b"><center>临江仙·寒柳</center></h1>
<div class="">飞絮飞花何处是,层冰积雪摧残,疏疏一树五更寒。<br />爱他明月好,憔悴也相关。<br />
最是繁丝摇落后,转教人忆春山。<br />湔裙梦断续应难。西风多少恨,吹不散眉弯。<br /></div></td>
<td><h1 id="c">山花子·风絮飘残已化萍</h1>
<div class=""> 风絮飘残已化萍,泥莲刚倩藕丝萦。<br />珍重别拈香一瓣,记前生。<br />
人到情多情转薄,而今真个不多情。<br />又到断肠回首处,泪偷零。<br /></div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td height="">
<form action="2.html" target="_blank" method="post">
输入用户名<input type="text" name="" value=""/><br />
输入密码<input type="password" name="mm" value=""/><br />
所在地<select>
<option>淄博</option>
<option>济南</option>
<option>青岛</option>
<option>烟台</option>
</select> <br />
选择你喜欢的诗人<br />
<input type="checkbox" name="ck[]" value="李清照" />李清照
<input type="checkbox" name="ck[]" value="陆游" />陆游
<input type="checkbox" name="ck[]" value="杜甫" />杜甫
<input type="checkbox" name="ck[]" value="纳兰性德" />纳兰性德<br />
<textarea cols="" rows=""> </textarea>
<input type="submit" value="提交" />
<input type="button" value="登陆" />
<input type="reset" value="重置" /> </form>
</td> </tr>
<tr>
<td height=""><a href="2.html"><img src="新建文件夹/QQ图片20170603113534.jpg" width="" height=""/></a></td>
</tr>
</table>
<iframe height= width= src='http://player.youku.com/embed/XMjUwNDI5NDQ2MA==' frameborder= 'allowfullscreen'></iframe>
<a href="#222">回到顶部</a>
</body>
</html>

经过昨天的框架集,框架和css基本样式的学习,与之前的基本的标签,表格,表单结合做的有关诗集的网页,突然发现有很多自己想到的样式自己现在实现不了当然自己之前做的小网页的一些问题都已经在自己实践中解决。

框架,表格,表单元素,css基础以及基本标签的结合的更多相关文章

  1. form表单和CSS基础

    form 表单 input type="" 表单的组合标签,用来确定需要的是什么输入类型 type属性值: 文本输入框:text 密码输入框:password 单选按钮:radio ...

  2. HTML表格表单综合——用户注册表

    今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...

  3. a标签、img图片、iframe、表单元素、div

    1.<a href="http://www.baidu.com" target=''_blank">百度</a>  超链接标签 2.<img ...

  4. bootstrap 表单元素、按钮、链接的禁用

    在Bootstra中,表单元素,按钮通过在标签内设置 disabled 或 disabled="disabled" 可以禁用表单元素,按钮.链接需要加入class="di ...

  5. Bootstrap框架(基础篇)之列表,表格,表单

    继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>… ...

  6. JS基础-表单元素-新表单元素-js概述

    1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏 ...

  7. js动态的往表格中加入表单元素

    效果如图: 这里我用的是layui的静态表格,其他框架也是一样的(只要你都表单元素要通过js进行渲染),我的需求是在表单中放了表格的元素,表格中还有表单的元素.表格中的行数据是js动态添加的,正常的添 ...

  8. css表格表单和统筹

    css:表格表单和统筹 学习目标 1.表单标签及属性高级 2.表格标签及属性高级 3.CSS统筹 4.BFC概念和应用场景 一.表单标签及属性高级 回顾: 表单的作用:用来收集用户的信息的; 表单的组 ...

  9. html5-5 HTML5表单元素和内嵌框架

    html5-5   HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype ...

  10. HTML--绝对路径, 表格,表单, 框架

    URL, URI, URN URL: 统一资源定位符: Uniform Resource Locator URN: 持久可用的资源标准名称 Uniform Resource Name , 比如邮箱 U ...

随机推荐

  1. MongoDB安装使用教程

    参考菜鸟教程:http://www.runoob.com/mongodb/mongodb-tutorial.html

  2. 开源作品-PHP写的Redis管理工具(单文件绿色版)-SuRedisAdmin_PHP_1_0

    前言:项目开发用到了Redis,但是在调试Redis数据的时候,没有一款通用的可视化管理工具.在网络找了一些,但是感觉功能上都不尽人意,于是决定抽出一点时间,开发一个用起来顺手的Redis管理工具.秉 ...

  3. Python批量添加库搜索路径

    被win10 给坑了,换回Win7. 重装系统后,继续使用Python,Eclipse不用重装,pydev不用重装,只需重装Python2.7.6 X64 for win即可.然后,默认已安装的Pyt ...

  4. Redis 之list链表结构及命令详解

    1.lpush  key   value   从左放一个值 2.rpush  key   value  从右放一个值 3.lrange  key  start   stop  获取链表数据(start ...

  5. apicloud 第三方登录授权、微信、扣扣、微博登录授权

    授权登录.接入第三方的配置 例如:微信的登录授权. 首先在模块里面添加 wx 这个模块,然后在项目的配置文件里面进行配置. 配置的时候要现在微信开放平台 https://open.weixin.qq. ...

  6. 【转载】IDEA的这八条配置你一定要改!

    引言 坦白说,我很少写这种操作类型的文章.因为这种文章没啥新意,大家操作步骤肯定是一样的.然而,我答应了我的同事小阳,给她出一篇!毕竟人家打算从Eclipse转IDEA了,于是以示鼓励,写一篇给她!那 ...

  7. PAT_A1108#Finding Average

    Source: PAT A 1108 Finding Average (20 分) Description: The basic task is simple: given N real number ...

  8. 5.win上安装ES

    安装步骤如下: 1.安装JDK 至少1.8.0_73以上版本,使用 java -version 这个命令进行查看java的版本 2.下载和解压缩Elasticsearch安装包, 解压后目录结构: 3 ...

  9. jQuery Webcam Plugin jscam.swf文件反编译工具使用说明

    jQuery webcam plugin是一个在ie,firefox,chrome下都可以用的摄像头摄像及拍照用的插件. (http://www.xarg.org/project/jquery-web ...

  10. TCP连接之未连接队列的理解

    tcp服务器在TCP/IP协议中,TCP协议提供可靠的连接服务,采用三次握手建立一个连接. 第一次握手:建立连接时,客户端发送syn包(syn=j)到服务器,并进入SYN_SEND状态,等待服务器确认 ...