1. 首页
  2. 代码片断库
  3. XHTML
全部数据
text
javascript
php
markdown
sh
java
python
html
csharp
css
sql
c_cpp
PHP
ruby
xml
scss
json
swift
JavaScript
typescript
vbscript
powershell
CSS
apache_conf
ActionScript 3
r
ini
HTML
golang

XHTML 双列表格

<style>
form br{clear:left;}
label {width: 240px;margin: 0 0 5px;}
input {width: 240px;height: 25px;line-height:25px;margin: 0 0 10px;border:1px solid #333;padding:0 0 0 6px;}
textarea {width: 240px;height: 115px;}
.submit{margin:0;padding:0;width:auto;height:auto;background:none;color:#000;}

/*checkbox*/
.checkbox{}
.checkbox label{width:auto;margin:0;padding:0;}
.checkbox input{width:auto;height:auto;margin:0;padding:0;border:0;}
</style>
<form action="#" method="post">
	<fieldset>
		<label>Text<span class="error"> Error!</span></label>
		<label class="last">Text<span class="error"> Error!</span></label><br />

		<input type="text" value="" />
		<input class="last" type="text" value="" /> <br />
		
		<textarea cols="30" rows="10"></textarea><br />
		
		<div class="checkbox"><input type="checkbox" name="" id="" /><label for="">Text</label></div><br />
		
		<input type="submit" class="submit" value="text" />
	</fieldset>
</form>

XHTML 标签

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<title>Tabs</title>
		<style type="text/css">
			.tab{
				display:none;
			}
			#tab1{
				display:block;
			}
		</style>
		<script type="text/javascript">
			//tabs..............................................................
			$('.tabs a').click(function(){
				var rel = $(this).attr('rel'),
					theParent = $(this).parent().parent().parent();
				$('.tab',theParent).hide();
				$('#tab'+rel,theParent).show();
				$('.tabs a',theParent).removeClass('selected');
				$(this).addClass('selected');
				return false;
			});
		</script>
	</head>
	<body>
		<div class="tab-holder">
			<ul class="tabs">
				<li><a class="selected" rel="1" href="" title="">Tab1</a></li>
				<li><a rel="2" href="" title="">Tab2</a></li>
				<li><a rel="3" href="" title="">Tab3</a></li>
                                <li><a rel="4" href="" title="">Tab4</a></li>
			</ul>
			<div class="tab" id="tab1">
				<!--tab content-->
			</div>
			<div class="tab" id="tab2">
				<!--tab content-->
			</div>
			<div class="tab" id="tab3">
				<!--tab content-->
			</div>
			<div class="tab" id="tab4">
				<!--tab content-->
			</div>
		</div><!--/tab-holder-->
	</body>
</html>

XHTML sed html后台替换

$ sed -i -e "s/html style=\"background-color: #ffffff/html style=\"background-c
olor: #666666/g" *

XHTML 新的XHTML 1.0严格文档

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

XHTML CSS圆角工作在所有浏览器没有图像和JavaScript

Code HTML :

<!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" />
<link rel="Stylesheet" media="screen" type="text/css" href="css/style.css" />
<title>Rounded Corner Without image Work in all Browsers</title>
</head>
<body>

<!-- Rounded Corner -->
<div class="RoundedCorner"> <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
  <div align="center">
    <h1>Rounded Corner Without image Work in ie 6 </h1>
  </div>
  <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b> </div>
<!-- Rounded Corner -->

</body>
</html>

Code CSS : 

div.RoundedCorner {
	background: #6c18cb
}
b.rtop, b.rbottom {
	display:block;
	background: #fff
}
b.rtop b, b.rbottom b {
	display:block;
	height: 1px;
	overflow: hidden;
	background: #6c18cb
}
b.r1 {
	margin: 0 5px
}
b.r2 {
	margin: 0 3px
}
b.r3 {
	margin: 0 2px
}
b.rtop b.r4, b.rbottom b.r4 {
	margin: 0 1px;
	height: 2px
}
div.RoundedCorner h1
{
	font-family:Tahoma, Geneva, sans-serif;
	color:white;
}

XHTML 添加谷歌日历

<a href="http://www.google.com/calendar/event?action=TEMPLATE&text=wats+today+party&details=party+with+family&dates=20110430T190000/20110430T210000&location=loweparel+mumbai">Add to Google</a>

XHTML 中文语言中xhtml的快速启动模板

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN" xml:lang="zh-CN" dir="ltr">
  <head>
    <title>${html.title}</title>
 
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Language" content="zh-cn" />
    <meta name="keywords" content="${meta.keywords}" />
    <meta name="description" content="${meta.descp}" />
 
    <link rel="stylesheet" type="text/css" href="${css.custom}" media="screen" />
    <link rel="stylesheet" type="text/css" href="${css.othermedia}" media="handheld" />
  
    <script type="text/javascript" src="${js.jquery}" charset="utf8"></script>
    <script type="text/javascript" src="${js.custom}" charset="utf8"></script>
 
    <style type="text/css">
    ${css.inner}
    </style>
 
    <script type="text/javascript">
    ${js.inner}
    </script>
 
  </head>
 
  <body>
  ${html.bodycode}
  </body>
</html>

XHTML 写下你的作业

Instant Assignment Help Australia

XHTML IE6 iframe水平滚动条

<iframe src="" height="100%" width="100%" frameborder="0" scrolling="yes" style="overflow:visible;"></iframe>

XHTML 背景图像para las filas de una tabla

/*
Don't do it the intuitive way...
*/
<table>
 <tr style="background: url(/images/tr-background.gif) no-repeat 0 0;">
   <td>Row 1</td>
   <td>Row 2</td>
   <td>Row 3</td>
 </tr>
</table>

/*
...because it doesn't work in IE6 or Safari, even if you set 
the <td> background element to 'transparent' or 'none'.
But you can still make it happen with just the one image:
*/

<table>
 <tr>
   <td style="background: url(/images/tr-background.gif) no-repeat 0 0;">Row 1</td>
   <td style="background: url(/images/tr-background.gif) no-repeat 50% 0;">Row 2</td>
  <td style="background: url(/images/tr-background.gif) no-repeat 100% 0;">Row 3</td>
</tr>
</table>

/*
You're just altering the background-position of the image, so that 
what should be on the left goes on the left (at 0), the middle 
part goes to the middle (50% horizontally), and the last part goes 
at the end (100%). Remember that values in the background-position 
element are ordered horizontal, then vertical, unlike the margin 
and padding elements.

And, of course, you'll want to separate presentation from content 
by putting the CSS elsewhere and classing the td's.
*/