HTML 测试

<ul class="subscription-filter">
<li class="selected">1-20 of 123 Contacts</li>
<li>/</li>
<li><a href="XXXXX">123 Channels</a></li>
<li>/</li>
<li><a href="XXXXX">5 Tags</a></li>
</ul>

HTML XHTML严格1.1布局

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" version="-//W3C//DTD XHTML 1.1//EN" xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>untitled</title>
		<meta name="description" content="content" />
		<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="/css/print.css" type="text/css" media="print" />
		<link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
	</head>
	<body>
		<div id="header">
			
		</div>
		<div id="nav">
			
		</div>
		<div id="main">
			
		</div>
		<div id="footer">
			
		</div>
	</body>
</html>

HTML quicktime embed deconcept

<script type="text/javascript">
										// <![CDATA[
										var myQTObject = new QTObject("video/robinmiller_ado.mov", "theVideo", "400", "315");
										myQTObject.write();
										// ]]>
									</script>

HTML 来自CiviCRM的活动清单

<?php

function cmp_date($a,$b) {
  if ($a['start_date'] > $b['start_date']) return 1;
  if ($a['start_date'] < $b['start_date']) return -1;
  return 0;
}

if (module_exists('civicrm')) {
  civicrm_initialize(TRUE);
  require_once 'api/v2/Event.php';
  $params = array ();
  $myEvents = civicrm_event_search( $params );
  if ($myEvents) {
    $count = 0;
    $last = '';
    usort($myEvents,'cmp_date');
    foreach ($myEvents as $event) {
      $now = date('Y-m-d H:i:s');
      if ($now > $event['start_date']) continue;
      $startdate = date('D M j Y',strtotime($event['start_date']));
      $enddate = date('D M j Y',strtotime($event['end_date']));
             
      $eventid = $event['id'];
      list($title_place, $title_desc) = split(":",$event['title'],2);
      if ($last != $startdate) {
        $display = '<br /><b>'.$startdate.'</b><br />';
      }
      $display .= l($title_place.' '.$title_desc, 'civicrm/event/info', array(), 'reset=1&id='.$event['id']).'<br />';
      echo $display;
      $count++;
      $last = $startdate;
      if ($count > 8) break;
// this limits the number of events to 8 - put in whatever number suits you
    }
    if ($count > 0) {

    } else {
      echo 'No events found.';
    }
  } else {
    echo 'No events found.';
  }
}
?>

HTML 有序的Accesskey导航列表

<div id="NavigationID" class="navigation" title="Ordered Navigation">
	<h2 class="header">Ordered Navigation</h2>
	<ol class="list">
		<li><a id="a1" class="url" accesskey="1" href="/">Home</a></li>
		<li><a id="a2" class="url" accesskey="2" href="page2/">Page2</a></li>
		<li><a id="a3" class="url" accesskey="3" href="page3/">Page3</a></li>
		<li><a id="a4" class="url" accesskey="4" href="contact/">Contact</a></li>
	</ol>
</div>

HTML 罗马尼亚州下拉菜单HTML-FORM

<select name="judet" id="judet">
	<option value="AB">Alba</option>
	<option value="AG">Arges</option>
	<option value="AR">Arad</option>
	<option value="B" >Bucuresti</option>
	<option value="BC">Bacau</option>
	<option value="BH">Bihor</option>
	<option value="BN">Bistrita</option>
	<option value="BR">Braila</option>
	<option value="BT">Botosani</option>
	<option value="BV">Brasov</option>
	<option value="BZ">Buzau</option>
	<option value="CJ">Cluj</option>
	<option value="CL">Calarasi</option>
	<option value="CS">Caras-Severin</option>
	<option value="CT">Constanta</option>
	<option value="CV">Covasna</option>
	<option value="DB">Dambovita</option>
	<option value="DJ">Dolj</option>
	<option value="GJ">Gorj</option>
	<option value="GL">Galati</option>
	<option value="GR">Giurgiu</option>
	<option value="HD">Hunedoara</option>
	<option value="HG">Harghita</option>
	<option value="IF">Ilfov</option>
	<option value="IL">Ialomita</option>
	<option value="IS">Iasi</option>
	<option value="MH">Mehedinti</option>
	<option value="MM">Maramures</option>
	<option value="MS">Mures</option>
	<option value="NT">Neamt</option>
	<option value="OT">Olt</option>
	<option value="PH">Prahova</option>
	<option value="SB">Sibiu</option>
	<option value="SJ">Salaj</option>
	<option value="SM">Satu-Mare</option>
	<option value="SV">Suceava</option>
	<option value="TL">Tulcea</option>
	<option value="TM">Timis</option>
	<option value="TR">Teleorman</option>
	<option value="VL">Valcea</option>
	<option value="VN">Vrancea</option>
	<option value="VS">Vaslui</option>
</select>

HTML 无障碍表

				<table class="creditHistory">
					<thead>
						<tr>
							<td> </td>
							<th id="method-1" axis="method" scope="col">In</th>
							<th id="method-2" axis="method" scope="col">Out</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<th id="date-1" axis="date" scope="row">19 September 2007</th>
							<td headers="date-1 method-1"><strong>10</strong> added</td>
							<td headers="date-1 method-2"> </td>
						</tr>
						<tr>
							<th id="date-2" axis="date" scope="row">9 September 2007</th>
							<td headers="date-2 method-1"> </td>
							<td headers="date-2 method-2"><strong>10</strong> used</td>
						</tr>
						<tr>
							<th id="date-3" axis="date" scope="row">18 August 2007</th>
							<td headers="date-3 method-1"><strong>50</strong> added</td>
							<td headers="date-3 method-2"> </td>
						</tr>
						<tr>
							<th id="date-4" axis="date" scope="row">8 August 2007</th>
							<td headers="date-4 method-1"> </td>
							<td headers="date-4 method-2"><strong>4</strong> to <a href="full-friends-hubbub.php">dicky</a></td>
						</tr>
						<tr>
							<th id="date-5" axis="date" scope="row">17 july 2007</th>
							<td headers="date-5 method-1"> </td>
							<td headers="date-5 method-2"><strong>4</strong> used</td>
						</tr>
						<tr>
							<th id="date-6" axis="date" scope="row">7 June 2007</th>
							<td headers="date-6 method-1"> </td>
							<td headers="date-6 method-2"><strong>1</strong> used</td>
						</tr>
						<tr>
							<th id="date-7" axis="date" scope="row">16 June 2007</th>
							<td headers="date-7 method-1"><strong>10</strong> from <a href="full-friends-hubbub.php">dicky</a></td>
							<td headers="date-7 method-2"> </td>
						</tr>
					</tbody>
				</table>

HTML template.html

<!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"/>
		<meta name="" content=""/>
		<meta name="" content=""/>
		<meta name="robots" content="index,follow"/>
		<link rel="stylesheet" type="text/css" href="template.css"/>
		<title></title>
    </head>
    <body>
		<div id="masthead">
		</div><!-- id="masthead" -->

		<div id="toolbar">
		</div><!-- id="toolbar" -->

		<div id="navigation">
		</div><!-- id="navigation" -->

		<div id="content">
			<div id="content-main">
			</div><!-- id="content-main" -->

			<div id="content-extra">
			</div><!-- id="content-extra"-->

		</div><!-- id="content" -->

		<div id="footer">
			<p><a href="http://validator.w3.org/check?uri=referer"><img	src="http://www.w3.org/Icons/valid-xhtml10"	alt="Valid XHTML 1.0 Strict"/></a>
			<a href="http://jigsaw.w3.org/css-validator/check/referer"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS 2.1"/></a></p>
		</div><!-- id="footer" -->
    </body>
</html>

HTML 将样式和脚本附加到ID

<html>
	<head>
		<style> 
			#google {color: white; background: black}
		</style> 
	</head>
	<body>
		<a id="google" href="http://google.com/">google.com</a>
		<script type="text/javascript">
			document.getElementById("google").onclick = function() { return false; };
		</script>
	<body>
</html>

HTML 美国使用的50种最常用语言 - 在线表格的下拉列表

<select>
    <option>Spanish</option>
    <option>French</option>
    <option>German</option>
    <option>Italian</option>
    <option>Chinese</option>
    <option>Tagalog</option>
    <option>Polish</option>
    <option>Korean</option>
    <option>Vietnamese</option>
    <option>Portuguese</option>
    <option>Japanese</option>
    <option>Greek</option>
    <option>Arabic</option>
    <option>Hindi (urdu)</option>
    <option>Russian</option>
    <option>Yiddish</option>
    <option>Thai (laotian)</option>
    <option>Persian</option>
    <option>French Creole</option>
    <option>Armenian</option>
    <option>Navaho</option>
    <option>Hungarian</option>
    <option>Hebrew</option>
    <option>Dutch</option>
    <option>Mon-khmer (cambodian)</option>
    <option>Gujarathi</option>
    <option>Ukrainian</option>
    <option>Czech</option>
    <option>Pennsylvania Dutch</option>
    <option>Miao (hmong)</option>
    <option>Norwegian</option>
    <option>Slovak</option>
    <option>Swedish</option>
    <option>Serbocroatian</option>
    <option>Kru</option>
    <option>Rumanian</option>
    <option>Lithuanian</option>
    <option>Finnish</option>
    <option>Panjabi</option>
    <option>Formosan</option>
    <option>Croatian</option>
    <option>Turkish</option>
    <option>Ilocano</option>
    <option>Bengali</option>
    <option>Danish</option>
    <option>Syriac</option>
    <option>Samoan</option>
    <option>Malayalam</option>
    <option>Cajun</option>
    <option>Amharic</option>
</select>