框架,表格,表单元素,css基础以及基本标签的结合
<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基础以及基本标签的结合的更多相关文章
- form表单和CSS基础
form 表单 input type="" 表单的组合标签,用来确定需要的是什么输入类型 type属性值: 文本输入框:text 密码输入框:password 单选按钮:radio ...
- HTML表格表单综合——用户注册表
今天学习了表格和表单知识,我综合了他们添加了一些拓展知识做了一个用户注册表,以下面代码来整理表格和表单知识: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...
- a标签、img图片、iframe、表单元素、div
1.<a href="http://www.baidu.com" target=''_blank">百度</a> 超链接标签 2.<img ...
- bootstrap 表单元素、按钮、链接的禁用
在Bootstra中,表单元素,按钮通过在标签内设置 disabled 或 disabled="disabled" 可以禁用表单元素,按钮.链接需要加入class="di ...
- Bootstrap框架(基础篇)之列表,表格,表单
继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>… ...
- JS基础-表单元素-新表单元素-js概述
1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏 ...
- js动态的往表格中加入表单元素
效果如图: 这里我用的是layui的静态表格,其他框架也是一样的(只要你都表单元素要通过js进行渲染),我的需求是在表单中放了表格的元素,表格中还有表单的元素.表格中的行数据是js动态添加的,正常的添 ...
- css表格表单和统筹
css:表格表单和统筹 学习目标 1.表单标签及属性高级 2.表格标签及属性高级 3.CSS统筹 4.BFC概念和应用场景 一.表单标签及属性高级 回顾: 表单的作用:用来收集用户的信息的; 表单的组 ...
- html5-5 HTML5表单元素和内嵌框架
html5-5 HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype ...
- HTML--绝对路径, 表格,表单, 框架
URL, URI, URN URL: 统一资源定位符: Uniform Resource Locator URN: 持久可用的资源标准名称 Uniform Resource Name , 比如邮箱 U ...
随机推荐
- js动态操作订单表格
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- c++ 枚举与字符串 比较
读取字符串,然后将这个字符转换为对应的枚举. 如:从屏幕上输入'a',则转换为set枚举中对应的a,源代码如下: //关键函数为char2enum(str,temp); #include using ...
- python核心编程中的对象值比较VS对象身份比较(转载)
转载地址: https://blog.csdn.net/Mluka/article/details/51076786 在python核心编程第四章中,P69在优化下面这段代码时提出了:对象值比较VS对 ...
- Express+Nodejs 下的登录拦截实现
Express+Nodejs 下的登录拦截实现 利用商城举例,在商城中没有登录之前,可以看商品列表.详情.登录或者注册都可以,但是购买的时候是不行的,那么这个功能在Node后台中是怎么实现的呢,这个功 ...
- js:重复输出字符串中字符
复习了 重复输出一个字符串后, 重复输出一个字符串是 比如给定 str:abc num:3 要求输出 abcabcabc 文章链接:https://www.cnblogs.com/mobu/p/98 ...
- [MySQL优化案例]系列 — RAND()优化
众所周知,在MySQL中,如果直接 ORDER BY RAND() 的话,效率非常差,因为会多次执行.事实上,如果等值查询也是用 RAND() 的话也如此,我们先来看看下面这几个SQL的不同执行计划和 ...
- codevs 2602 最短路径问题——良心题解
2602 最短路径问题 时间限制: 1 s 空间限制: 32000 KB 题目等级 : 黄金 Gold 题解 题目描述 Description 平面上有n个点(n<=100),每个点的坐标均在- ...
- onunload与onbeforeunload事件解析 标签: 浏览器 2017-04-10 09:46 45人阅读 评论(0)
注:只测试了chrome和IE浏览器的表现情况 onunload事件 //JS Document window.onunload = onunload_message; function onunlo ...
- 爬虫系列(十一) 用requests和xpath爬取豆瓣电影评论
这篇文章,我们继续利用 requests 和 xpath 爬取豆瓣电影的短评,下面还是先贴上效果图: 1.网页分析 (1)翻页 我们还是使用 Chrome 浏览器打开豆瓣电影中某一部电影的评论进行分析 ...
- FreeMarker基本使用
FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写 l FreeMarker被设计用来生成HTML Web页面,特别是基于MVC模式的应用程序 ...