一些有用的html标签

最新推荐文章于 2024-06-27 20:35:09 发布

iteye_15888

最新推荐文章于 2024-06-27 20:35:09 发布

阅读量98

点赞数

分类专栏： WEB 文章标签： HTML CSS 咨询

WEB 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>tagStudy.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<link rel="shortcut icon" href="/favicon.ico">

<style type="text/css">

	body
	{
		font-size: 80%;
	}
	h1{
		text-transform: uppercase;
		font-size: 2em;
	}
	<!--在css文件中用@import url("/core.css")将核心样式引入-->
	input,textarea{
	border:1px solid;
	border-color:#666 #ccc #ccc #666;
	font:1em arial,Helvetica;
	}
	p{
		 text-indent: 2em;
		 line-height: 1.5;
	}

	.power{
		vertical-align:super;
		font-size: 80%;
	}

	fieldset{
		border: 1 solid blue;
	}

	<!---IE6及以前版本不支持 可以用下面的init()函数代替---->
	input:focus textarea:focus{
		background: #eee;
	}

	.sffocus{
		background: #eee;
	}

	a{
		color:#900;
		font-weight: bold;
		text-decoration: none;
	}

	a:visited{
		color:#c00;
	}

	a:hover{
		color:#900;
		text-decoration: underline;
	}

</style>

</head>

<body οnlοad="init()">

<script type="text/javascript">
  <!---不支持input:focus伪类的解决方法-->
  function init()
  {
  	var inputs=document.getElementsByTagName('input');
  	for(i=0;i<inputs.length;i++)
  	{
  		inputs[i].onfocus=function()
  		{
  			this.className="sffocus";
  		}
  		inputs[i].onblur=function() 
  		{
			this.className="";
		}
  	}
  }
  </script>

<h1>title1</h1>
<em>强调</em>
<strong>加粗</strong>

<blockquote cite="http://www.htmldog.com"><p>如果对某一种或几种<q>技术</q>非常感兴趣</p></blockquote>

<p>有一些年轻的程序员向我咨询，将来的路应该怎么走？俗话说，条条大路通罗马，不同的路都能走向成功。到底选哪条路，取决于自己的兴趣。可能有的程序员会问：如果还没找到自己的兴趣怎么办？我的建议是多尝试，努力做，这是职业生涯的必经之路。当你积累了一定的技术和经验之后，就会面临多种选择。选择哪条路，因人而异</p>

<div>X<span class="power">2</span>+X<span class="power">3</span></div>

<acronym title="National Aeronautics and Space Administrator">NASA</acronym>

<abbr title="HyperText Markup Language">HTML</abbr>

<cite>引用</cite>

<fieldset>
<legend>程序源码</legend>
<pre><code>
public class HelloWorld
{
public static void main(String[] args)
{
String <var>name</var>="";
<samp>sample</samp>
}
}</code></pre>

<textarea rows="5" cols="60"></textarea>

</fieldset>

<form action="">
<fieldset>
<legend>用户登陆</legend>
<p><label for="yourname">姓名</label><input type="text" οnfοcus="this.styles.background='#eee'"/></p>
<p><label for="yourpwd">密码</label><input type="password" /></p>
<p>现在输入<kbd>ABC</kbd></p>
</fieldset>
</form>

<p>多语种及双向文本</p>
<bdo dir="ltr">1234</bdo>
<bdo dir="rtl">1234</bdo>

<p>审核内容的添加及删除</p>
<p>如同历史上<del datetime="20090713">传大</del>的作曲家，杰出的<ins cite="JGS">架构师</ins>能够在各种软件中谱写出旋律优美的“曲子”。</p>

<fieldset><legend>地址</legend>
<address>
HTML house;<br>
HTML street;<br>
</address>
</fieldset>

<a></a>
</body>
</html>