SKY外语计算机学习

标题: HTML的练习知识总结2_标签 [打印本页]

作者: sky_yoyo    时间: 2013-11-11 09:57
标题: HTML的练习知识总结2_标签
作者:sky_yoyo 日期:2013-11-11 原文地址:http://www.skywj.com/thread-9367-1-1.html


四:图像标记

1、链接图像
  <img src=路径>
  <img alt=#>  #图像在为加载完时,图像位置显示的文字

2、图像-文字对齐
  <img align=@> @=top/middle/bottom
  只有一行字可放在图像两边
  例:<img src=url align=bottom>下角边

3、图像在页面的对齐布局
  <img src="" align=left>图片居左显示<br/>
  文字显示在图片右侧<br>
  
  <img src="" align=right>
  文字显示在图片左侧
  
  <br clear=all>
  显示在图的下面

  <img vspace=10 hspace=20>  图片与文字的间隔或者空隙
  惺惺相惜<br/>
  嘻嘻嘻嘻嘻<br/>
  哈哈哈啊哈<br/>

4、边框

  例:图片显示紫色边框,数值为宽度,点击链接到百度页面
  <a href="http://www.baidu.com">
  <img src="" border=15>
  </a>

五:表单标记

1、基本语法

A:基本语法
  <form action="http://www.baidu.com" method=get>
  <input type=submit>提交到百度页面
  <input type=reset>重置
  </form>

B:表单中的输入形式

  type = text文本输入框/password密码输入框/
      checkbox多选按钮/radio单选按钮/image图片/
      hidden隐藏/submit提交查询/reset重置/

2、文字、密码输入,例:

<form action="post-query" method="post">
  姓名:<inpu type="text" name=姓名><br/>
  博客:<input type="text" value="
  http://"/><br/>
  密码:<input type="password" name="密码"><br>
  <input type="submit" value="发送">
  <input type="reset" value="重设">
</form>


作者: 刺客    时间: 2013-11-24 19:57
不错.....YOYO原理是学html的  才知道
作者: 小卢_铃    时间: 2013-11-25 13:07
嗯 不错,。必须来顶顶




欢迎光临 SKY外语计算机学习 (http://skywj.com/) Powered by Discuz! X2.5