HTML基础教程-优快云博客

1、html基本结构
	<html>
		<head>
			<title>我的第一个网页</title>
		</head>
		<body bgcolor="red" background="bg.jpg">
		</body>
	</html>
2、文本相关标签
	<H1>  -  <H6>
	<font> color size face
	<p> align  <br>
	<center> <b> <i>
	<hr>
	<pre> 预格式文本，让文本保持原来风格，英雄本色
	特殊字符
	   <<  >>
3、超链接
	<a> href target="_blank"
	相对路径
		
	绝对路径
		C:\Documents and Settings\Administrator\桌面\Noname1.html
	根路径

	锚定 <a name="top">顶部</a>

	     <a href="#top">回到顶部</a>
4、图像
	<img> alt src width height border
5、列表
	unorder list
	<ul>  type=disc, circle, square
	order list
	<ol>  type=1,a,A,I,i
6、表格
	<table>	align valign rowspan colspan
	cellpadding填充 cellspacing间距 border bordercolor
	
7、表单
	<form> method
	<input> type=submit reset button image checkbox radio text password hidden file
	<textarea>
	<select>
	<label>

8、<fieldset> <legend>   
9、<meta>
10、注释 <!--  注释的内容  -->
* <embed src="coder.mp3" loop=true autostart=true name=bgss width="460" height="68">调用wmp的插件
* <bgsound src="town.mid" loop="true" />只能播放wav和mid格式，只支持ie

* 插入flash

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="760" height="700"> 
<param name="movie" value="light-bot-2205.swf" /> 
<param name="quality" value="high" /> 
<embed src="light-bot-2205.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="760" height="700"></embed> 
</object>


* 滚动标签 <marquee> scrolldelay  direction


遗留问题：
1、text和password不一样长
2、无法改变button的长度
3、table的的边框太粗 table内文字样式

文本格式

• h 标签， HTML 定义了 <h1></h1> 到 <h6></h6> 六个 h 标签，分别表示不同大小的字体。

• <br> 只是回车， <p> 是分段。 <p> 前后会有比较大的空白，而 <br> 则没有。

• <center>解决 </center> 居中显示

• <b>a</b> 粗体。 <i>b</i> 斜体

• <font></font> 字体标签， <font color="red"> 红色 </font> <font size="30" color="red"> 红色 </font> color size face

• 特殊字符： HTML 中 < 、 > 是有特殊含义的、空格是不会被显示的（输入一个带空格的字符串看看），所以需要特殊符号，相当于 C# 中的 '\n' 转义符。 < （小于号， less than ）； > （大于号， greater than ）；   （空格， no-break space ）。见备注。

• <hr> color size width align=left,center,right

• <pre> 预格式化保持本色