1. 首页
  2. 代码片断库
  3. HTML
全部数据
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

HTML Xanga右对齐

<!-- begin code provided by createblog.com -->
<div id="blog" style="position: static; margin-left: 450px;  height: 100%; background: none; overflow:;"><table border="0"></div>
<!-- end code provided by createblog.com -->

HTML 即页面进入/退出效果

<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.5)">
<meta http-equiv="Page-Exit" content="blendTrans(Duration=0.5)">

HTML StandardsTable

<!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=iso-8859-1" />
<title>Standards</title>
<link href="http://training.thinkhdi.com/images/cust/3/images/HDI/Prep.css" rel="stylesheet" type="text/css" />

<script type="text/JavaScript">
<!--
function MM_callJS(jsStr) { //v2.0
  return eval(jsStr)
}
//-->
</script>
</head>

<body>
<p class="style6">SCM Standards Table</p>
<table width="635" border="1" bordercolor="#333333" bgcolor="#FFFFFF">
  <tr>
    <td width="94" bgcolor="#999999" class="style11"><div align="center" class="style5">Category</div></td>
    <td width="142" bgcolor="#999999" class="style11"><div align="center">Standard</div></td>
    <td width="141" bgcolor="#999999" class="style11"><div align="center">Competency</div></td>
    <td width="229" bgcolor="#999999" class="style11"><div align="center">Range of Knowledge </div></td>
  </tr>
  <tr>
    <td valign="top" class="style5">1.0 Leadership </td>
    <td valign="top" class="style5">1.1 Effective Leadership </td>
    <td valign="top" class="style5">1.1.3<br />
      Recognize ways to<br />
      maintain a balanced and<br />
    positive outlook</td>
    <td class="style5"><ul>
      <li>Create a personal network of<br />
        advisors with whom you can<br />
        share problems and concerns</li>
      <li>Concentrate on common goals<br />
        during times of disagreement</li>
      <li>Develop interests outside of work<br />
        to provide ongoing sources of<br />
        satisfaction and a stress-free zone</li>
      <li>Have fun while you work</li>
    </ul></td>
  </tr>
</table>
<p class="style6"><span class="style7">
  <input name="Submit" type="submit" id="Submit" onclick="MM_callJS('window.close()')" value="Close Window" />
</span> </p>
</body>
</html>

HTML 基础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" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title></title>
<style type="text/css" media="all">
html, body {
	margin:0;
	padding:0;
	color:#333;
	background:#fff;
	font:normal normal normal 1em/1.5em "Lucida Grande", "Trebuchet MS", "Bitstream Vera Sans", Verdana, sans-serif;
}

* {
	margin:0;
	padding:0;
}

a {
	color:#555;
}
</style>

</head>
<body>
	
</body>
</html>

HTML 条形样式

(style=")(.*?\n*.*?)+(")

HTML Drupal身体类

<?php
/**
*  This snippet creates a <body> class and id for each page.
*
* - Class names are general, applying to a whole section of documents (e.g. admin or ).
* - Id names are unique, applying to a single page.
*/
// Remove any leading and trailing slashes.
$uri_path = trim($_SERVER['REQUEST_URI'], '/');
// Split up the remaining URI into an array, using '/' as delimiter.
$uri_parts = explode('/', $uri_path);

// If the first part is empty, label both id and class 'main'.
if ($uri_parts[0] == '') {
    $body_id = 'main';
    $body_class = 'main';
}
else {
    // Construct the id name from the full URI, replacing slashes with dashes.
    $body_id = str_replace('/','-', $uri_path);
    // Construct the class name from the first part of the URI only.
    $body_class = $uri_parts[0];
}
/**
* Add prefixes to create a kind of protective namepace to prevent possible
* conflict with other css selectors.
*
* - Prefix body ids with "page-"(since we use them to target a specific page).
* - Prefix body classes with "section-"(since we use them to target a whole sections).
*/
$body_id = 'page-'.$body_id;
$body_class = 'section-'.$body_class;
print "<body class="$body_class" id="$body_id"";
print theme('onload_attribute');
print ">";
?>

HTML IFRAMEã,'使ã，??的ΔΣSA ??«HTMLフã,¡ã,¤ãƒ«的ΔΣ<A，‰ä»-A ??®HTMLフã,¡ã,¤ãƒ« ã,'èªã??¿è¾¼ã，€AE-¹æ³•

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;test&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;!--[if IE]&gt;
&lt;object classid=&quot;clsid:25336920-03F9-11CF-8FD0-00AA00686F13&quot; data=&quot;/exec/some.html&quot; style=&quot;width:100;height:100px&quot;&gt;
&lt;p&gt;non object&lt;/p&gt;
&lt;/object&gt;
&lt;![endif]--&gt;
&lt;!--[if !Firefox]&gt; &lt;--&gt;
&lt;object type=&quot;text/html&quot; data=&quot;/exec/some.html&quot;&gt;
&lt;p&gt;non object&lt;/p&gt;
&lt;/object&gt;
&lt;!--&gt; &lt;![endif]--&gt;

&lt;/body&gt;
&lt;/html&gt;

HTML 特纳商业中心 - 加州小型工业公寓穆列塔

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot;&gt;
&lt;head&gt;
&lt;title&gt;Turner Commerce Center - Small Industrial Condos Murrieta, California&lt;/title&gt;
&lt;link href=&quot;/css/web.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;screen&quot; /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;/js/swfobject.js&quot;&gt;&lt;/script&gt;
&lt;script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;&gt;
&lt;!--

  function MM_openBrWindow(theURL,winName,features) { 
  window.open(theURL,winName,features);
}

var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}
--&gt;
&lt;/script&gt;
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;
&lt;meta http-equiv=&quot;Content-Language&quot; content=&quot;en-us&quot; /&gt;
&lt;meta http-equiv=&quot;imagetoolbar&quot; content=&quot;false&quot; /&gt;
&lt;meta name=&quot;MSSmartTagsPreventParsing&quot; content=&quot;true&quot; /&gt;
&lt;meta name=&quot;ICBM&quot; content=&quot;40.746990, -73.980537&quot; /&gt;
&lt;meta name=&quot;Generator&quot; content=&quot;Quickspace - Copyright (C) 2006, All rights reserved.&quot; /&gt;
&lt;meta name=&quot;robots&quot; content=&quot;index, follow&quot; /&gt;

&lt;meta name=&quot;DC.title&quot; content=&quot;Turner Commerce Center&quot; /&gt;
&lt;meta name=&quot;description&quot; content=&quot;Small Industrial Condos, Murrieta, California&quot; /&gt;
&lt;meta name=&quot;keywords&quot; content=&quot;Industrial, Condos, Murrieta, California&quot; /&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;headerBg&quot;&gt;
	&lt;div id=&quot;header&quot;&gt;
		&lt;div id=&quot;headerLeft&quot;&gt;&lt;/div&gt;
			&lt;div id=&quot;headerRight&quot;&gt;
				&lt;a href=&quot;/index.asp&quot;&gt;&lt;img src=&quot;/img/logo.gif&quot; alt=&quot;Turner Commerce Center Logo&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;
			&lt;/div&gt;
	&lt;/div&gt;

&lt;/div&gt;
&lt;div id=&quot;nav&quot;&gt;
	&lt;div id=&quot;navContent&quot;&gt;
		&lt;div id=&quot;navLeft&quot;&gt;&lt;/div&gt;
		&lt;div id=&quot;navRight&quot;&gt;
			&lt;a href=&quot;/index.asp&quot; id=&quot;home&quot; title=&quot;Home&quot;&gt;Home&lt;/a&gt;
			&lt;a href=&quot;/location.asp&quot; id=&quot;location&quot; title=&quot;Location&quot;&gt;Location&lt;/a&gt;
			&lt;a href=&quot;/availabilities.asp&quot; id=&quot;availabilites&quot; title=&quot;Availabilities&quot;&gt;Availabilities&lt;/a&gt;

			&lt;a href=&quot;/financing.asp&quot; id=&quot;financing&quot; title=&quot;Financing&quot;&gt;Financing&lt;/a&gt;
			&lt;a href=&quot;/contact.asp&quot; id=&quot;contact&quot; title=&quot;Contact&quot;&gt;Contact&lt;/a&gt;
			&lt;a href=&quot;/docs/Turner-Commerce-Center-Brochure.pdf&quot; id=&quot;brochure&quot; title=&quot;Brochure&quot; target=&quot;_blank&quot;&gt;Brochure&lt;/a&gt;	
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;wrapper&quot;&gt;
	&lt;div id=&quot;contentLeft&quot;&gt;
	  &lt;div id=&quot;contentLeftSizes&quot;&gt;

			&lt;img src=&quot;/img/condo-sizes.gif&quot; alt=&quot;Condo Sizes&quot; width=&quot;130&quot; height=&quot;190&quot; /&gt;&lt;br /&gt;
			&lt;br /&gt;&lt;br /&gt;
      &lt;a href=&quot;/aerial.asp&quot; onclick=&quot;NewWindow(this.href,'name','760','491','no');return false&quot;&gt;&lt;img src=&quot;/img/view-aerial.gif&quot; alt=&quot;View Aerial&quot; width=&quot;152&quot; height=&quot;21&quot; border=&quot;0&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
		&lt;div align=&quot;center&quot;&gt;&lt;a href=&quot;http://www.turnerdevelopment.net&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;/img/turner-logo.gif&quot; alt=&quot;Turner Development Corporation&quot; width=&quot;145&quot; height=&quot;59&quot; border=&quot;0&quot; class=&quot;turnerLogo&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
		&lt;div align=&quot;center&quot;&gt;&lt;a href=&quot;http://www.lee-associates.com&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;/img/lee-logo.gif&quot; alt=&quot;Lee &amp;amp; Associates Logo&quot; border=&quot;0&quot; class=&quot;leeLogo&quot; /&gt;&lt;/a&gt;&lt;/div&gt;
	&lt;/div&gt;
	&lt;div id=&quot;contentRight&quot;&gt;
		&lt;div&gt;
		&lt;div id=&quot;flashcontent&quot; align=&quot;center&quot;&gt;

			&lt;p&gt;&lt;strong&gt;You need to upgrade your Flash Player&lt;/strong&gt;&lt;/p&gt;
			&lt;p&gt;&lt;a href=&quot;http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash&amp;amp;promoid=BIOW&quot;&gt;Please go here to download the latest version&lt;/a&gt;&lt;/p&gt;
		&lt;/div&gt;
		
		&lt;script type=&quot;text/javascript&quot;&gt;
		// &lt;![CDATA[
		
		var so = new SWFObject(&quot;/aerial.swf&quot;, &quot;sotester&quot;, &quot;546&quot;, &quot;297&quot;, &quot;8&quot;, &quot;#515151&quot;);
		so.write(&quot;flashcontent&quot;);
		
		// ]]&gt;
		&lt;/script&gt;
		&lt;/div&gt;
		&lt;div id=&quot;homeHeader&quot;&gt;&lt;img src=&quot;img/h-property-features.gif&quot; alt=&quot;Property Features&quot; /&gt;&lt;/div&gt;
		&lt;div&gt;

			&lt;div id=&quot;homeBulletsLeft&quot;&gt;
				&lt;ul&gt;
					&lt;li&gt;50,388 Total Sq. Ft. (21 units)&lt;/li&gt;
					&lt;li&gt;Extensive Exterior Re-Hab&lt;/li&gt;
					&lt;li&gt;New Air Conditioning Units&lt;/li&gt;
					&lt;li&gt;Abundant Parking (3.0/1,000)&lt;/li&gt;
					&lt;li&gt;Premier Location Adjacent to Murrieta Auto Mall &amp;amp; future I-15 interchange&lt;/li&gt;

				&lt;/ul&gt;
				&lt;p&gt;&lt;a href=&quot;#&quot;&gt;Frequently Asked Quetions&lt;/a&gt;&lt;/p&gt;
			&lt;/div&gt;
			&lt;div id=&quot;homeBulletsright&quot;&gt;
				&lt;ul&gt;
					&lt;li&gt;Close Proximity to Restaurants, Services &amp;amp; Major Throughfares&lt;/li&gt;
					&lt;li&gt;Auto, Office &amp;amp; Accessory Retail Uses Allowed (MU-2 Zoning)&lt;/li&gt;

					&lt;li&gt;New Roofs&lt;/li&gt;
				&lt;/ul&gt;
			&lt;/div&gt;
		&lt;/div&gt;
	&lt;/div&gt;
&lt;/div&gt;
&lt;div id=&quot;footer&quot;&gt;
	&lt;div id=&quot;footerContent&quot;&gt;
		&amp;copy; 2006 Turner Development Corporation. All rights reserved. | &lt;a href=&quot;http://www.quickspace.com&quot; target=&quot;_blank&quot;&gt;Created by Quickspace&lt;/a&gt;

	&lt;/div&gt;
&lt;/div&gt;	
&lt;/body&gt;
&lt;/html&gt;

HTML 灰度图像

&lt;!-- start code provided by createblog.com --&gt;
&lt;img src=&quot;yourimagehere&quot; style=&quot;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)&quot; onmouseover=&quot;this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'&quot; onmouseout=&quot;this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'&quot;&gt;
&lt;!-- end code provided by createblog.com --&gt;

HTML 雪域皮肤*改善*

&lt;div align=left&gt;&lt;style type=&quot;text/css&quot;&gt;body {/* this belongs to mrawr_layouts */background: url(http://img401.imageshack.us/img401/6292/4hs2ddxeg9.png);background-repeat: no-repeat;  background-attachment: fixed;  background-position: center right; background-color: #000000; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #000000; scrollbar-shadow-color: #000000; scrollbar-face-color: #000000; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color:  #000000; scrollbar-3dlight-color: #000000;  }.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {/* main text */font:normal 12px verdana;line-height:13px; color: #c8966b;text-transform: normal; letter-spacing:0px; text-align:; }.blogbody b, .standard b, p b, strong {font-weight: bold;font-family: georgia;text-transform: ;font-size: 24px;line-height: 16px;letter-spacing: -2px;font-weight: lighter;color:  #683d1d;}.blogbody i, .standard i, p i, em {/*italics*/font-weight: normal;font-family: garamond;text-transform: ;font-size: 16px;line-height: 13px;letter-spacing: 1px;font-weight: normal;color: #ffffff;}.blogbody u, .standard u, p u, u {/*underlined*/font-weight: normal;font-family: verdana;text-transform: ;font-size: 13px;line-height: 13px;letter-spacing: 0px;font-weight: lighter;color:  #c1a366;border-bottom:  #c1a366 solid 2px;}table.footer TD {/* this makes the footer at the bottom centered *//* leave it as it is, unless you know what to do*/ text-align: center; }div.blogheader, .caption {/* edits the dates */  font:bold 12px verdana;  text-transform:lowercase;  line-height:10px;  color:#4e2811;  letter-spacing:1px;  background-color:#000000;  text-align: center;  width: 400px;background-image: url();background-repeat: no-repeat;  background-attachment: fixed;  background-position: top left;}a:link, .footernav.link, a.footernav:link, a.footernav:active {/* edits all links */ color:#86572a; font:normal 9px verdana;text-transform: lowercase; text-decoration: none; }a:visited, a.footernav:visited,  {/* edits the links that the user has visited */ color:#86572a;  font:normal 9x verdana;text-transform: lowercase; text-decoration: none; }a:hover {/* hover */ color:#4e2811; font:normal 9px verdana;text-transform: lowercase; text-decoration: none; }input, select, textarea, .textfield, .button {/* this edits the buttons, dropdowns, etc. */ font:normal 9px verdana; border: 0px solid #000000;text-transform: lowercase;color: #ffffff; background-color: #000000; letter-spacing:0px; }table.left { /* this edits the menu module */ border: 0px solid #000000; font:normal 9px verdana; color: #ffffff; width:170px;  background-color: transparent; }table.blogbody {/* blog */ background-color: #000000; width:400px;background-image: url();background-repeat: repeat;  background-attachment: fixed;  background-position: bottom right; }table.left th {/* on your menu module, this edits the title part of it *//* like BLOGRINGS, POSTING CALENDAR, etc */font-family: verdana;text-transform: uppercase;font-size:9px;font-weight: normal;letter-spacing: 0px;color: #4e2811;background-color: #000000;text-align: center;background-image: url();background-repeat: repeat;  background-attachment: fixed;  background-position: top left;  }table.left TD {/* on your menu module, this edits the body part of it */ background-color:#000000; font:normal 9px verdana; color: #ffffff;background-image: url();background-repeat: repeat;  background-attachment: fixed;  background-position: top left; }table.search TD, table.search, table.announcements {/* border of search bar (if you have it) */ background-color:#000000;  border: 0px solid #000000; }table.search TD, table.announcements TH {/* this should be left alone *//* unless you know what to do */ border: 0px solid white; }table.navigation, table.main, table.footer {/* the width of your blog with modules */ width: 400px; }hr {/* horizontal divider */ border: 1px solid ffffff;/* this belongs to mrawr_layouts */ }&lt;/style&gt;&lt;!-- begin code provided by createblog.com --&gt;&lt;style type=&quot;text/css&quot;&gt;table.navigation, table.footer { display:none; }&lt;/style&gt;&lt;!-- end code provided by createblog.com --&gt;&lt;!-- begin code provided by createblog.com --&gt;&lt;right&gt;&lt;a href=&quot;http://www.xanga.com/&quot;&gt;in&lt;/a&gt;&lt;a href=&quot;http://www.xanga.com/Private/&quot;&gt;mine&lt;/a&gt;&lt;a href=&quot;http://www.xanga.com/mrawr_layouts&quot;&gt;mrawr&lt;/a&gt;&lt;a href=&quot;http://www.xanga.com/default.aspx?mode=logout&quot;&gt;out&lt;/a&gt;&lt;/right&gt;&lt;!-- end code provided by createblog.com --&gt;