CSS样式特殊效果 删除文本 下划线文本 表单样式 图片展示

用户头像
广州/网页设计师/11年前/581浏览
CSS样式特殊效果 删除文本 下划线文本 表单样式 图片展示
用户头像
Licey_U

可以兼容到IE6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容到IE6</title>
<base target="_blank" /><!---所有连接将在新窗口中加载,即使没有 target 属性。-->
</head>

<body>
<abbr title="etcetera">etc.</abbr>
<br />
<acronym title="World Wide Web">W<big>W</big>W</acronym>
<element accesskey="value">
<a href="http://www.jb51.net/" accesskey="w">W3School</a><br />
<a href="http://www.google.com/" accesskey="g">Google</a>
<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<blockquote>
Here is a long quotation here is a long quotation here is a long quotation
here is a long quotation here is a long quotation here is a long quotation
here is a long quotation here is a long quotation here is a long quotation.
</blockquote>
<dfn>safasdfodfi[w</dfn>
<form>
  <fieldset>
    <legend>健康信息</legend>
    身高:<input type="text" />
    体重:<input type="text" />
  </fieldset>
</form>
<p>一打有 <del>二十</del> <ins>十二</ins> 件。删除文本和下划线文本</p>
<div style="width:100%; height:auto;">
<p style="width:100%; height:auto; float:left">
<img style="width:200px; height:200px; background:#FC9;" align="left" />
带有 align 属性的 img 标签与不带有 clear 属性的 br 标签align="left"<br />
This text will flow as well, but will be below the image, extending across the full width of the page. there will be whitespace above this text and to the right of the image.
</p><br />
<p style="width:100%; height:auto;float:left"><img style="width:200px; height:200px; background:#FC9;" align="left" />
带有 align 属性的 img 标签与带有 clear 属性的 br 标签align="left"
<br clear="left" />
This text will flow as well, but will be below the image, extending across the full width of the page. there will be whitespace above this text and to the right of the image.clear="left"</p><br />
<p style="width:100%; height:auto;float:left"><img style="width:200px; height:200px; background:#FC9;" align="absmiddle" />
align 属性为 absmiddle 的 img 标签与clear 属性为 left 的 br 标签align="absmiddle"
<br clear="left" />
This text will flow as well, but will be below the image, extending across the full width of the page. there will be whitespace above this text and to the right of the image.</p><br />
</div>
<form action="http://www.jb51.net/example/html/form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" />
  <p>
      请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。
    <font size="3" color="red">This is some text!</font>
    <font size="2" color="blue">This is some text!</font>
    <font face="verdana" color="green">This is some text!</font>
  </p>
</form>
<textarea rows="3" cols="20">
在w3school,你可以找到你所需要的所有的网站建设教程。
</textarea>
<p>如果文本不是超链接,就不要<u>对其使用下划线</u>。</p>

&#32;

&#33;

     &quot;     &#34;     %ae

</body>
</html>

1
举报
|
1
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
女生坐在网页面前办公矢量插画
网页图标
浏览电脑网页的元素
男生和女生站在网页面前矢量扁平插画
商务网页
新年快乐送福网页矢量图banner
三位美女围着网页看信息矢量插画
卡通风格网页页面3D渲染
网页页面矢量插画
户外旅行飞机情侣假日出行
卡通风格网页页面3D渲染
三个青年站在网页周边矢量插画
 网页背景
B19【星空诗意&网页幽灵按钮】公司产品服务简介汇报
卡通风格网页页面3D渲染
网页背景
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
三个青年正在装修网页矢量插画
一个男生和两个女生站在网页前面打招呼矢量
男生坐在网页面前办公矢量插画
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
一个人拿着优惠券准备支付购物电商矢量插画
卡通风格网页页面3D渲染
卡通女孩与网页表格3D渲染
卡通女孩与网页表格3D渲染
你可能喜欢
大家都在看
登录注册