您的位置：首页 > Web前端 > HTML

HTML基础

2014-09-22 14:38 155 查看

今天遇到下拉菜单，iframe 以及图片做链接部分。

首先是下拉菜单，直接

<select name="select">
<option>0</option>
<pre name="code" class="html"> <option>1</option>

<option>3</option>

对于Iframe，在页面中插入<ifrme src=“***”></iframe>可以实现在该页面作为主页面，插入子页面，其中src中的内容就是子页面的内容。还可以通过height ，width

来设置子页面展示的宽度和高度。如果是菜单导航式，点击的链接都需要在子页面部分显示，既可以

<iframe  src="aa" name="main"></iframe>
.
.
.
<a  href="bb"  target="main">链接</a>

//-------------这里用target实现，aa链接的页面是子页面的原始页面，点击链接之后，子页面就会跳转到bb页面--------------------------------

对于图片链接，直接将连接中文字换为图片标符即可。

<a  href="******"  >
<img   src="&&&&" />
</a>

*最近看到一个关于用CSS翻转的：http://www.jb51.net/css/140054.html。

水平翻转

-moz-transform:scale(-1，1);
-webkit-transform:scale(-1，1);
-o-transform:scale(-1，1);
transform:scale(-1，1); //-----括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小.当x为负时为水平翻转-----
filter:FlipH;

垂直翻转

-moz-transform:scale(1，-1);
-webkit-transform:scale(1，-1);
-o-transform:scale(1，-1);
transform:scale(1，-1);
filter:FlipV;

顺时针旋转90度

-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

1. <input>

<input>标签用于搜集用户信息。根据 type 属性值，输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等

比如：

<body>
<form action="MAILTO:someone@W3CSchool.cn" method="post" enctype="text/plain">
<h3>这个表单会把电子邮件发送到 W3CSchool。</h3>

姓名：<br>
<input type="text" name="name" value="yourname" size="20">
<br>

电邮：<br>
<input type="text" name="mail" value="yourmail" size="20">
<br>

内容：<br>
<input type="text" name="comment" value="yourcomment" size="40">
<br><br>

<input type="submit" value="发送">
<input type="reset" value="重置">
</form>
</body>

还可以创建密码域【type="password"】（不显示输入），下拉列表【<selectname="A"> <option value="BB">BB</option>】
复选框等等[http://www.w3cschool.cn/tag_input.

空格

即可：

提交 //---------后面加引号----------

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航