HTML学习历程：语法记录

HTML学习历程：语法记录

1.字体效果

<h1>...</h1>标题字(最大)  
<h6>...</h6>标题字(最小)  
<b>...</b>粗体字  
<strong>...</strong>粗体字(强调) （同上效果略同）  
<i>...</i>斜体字  
<em>...</em>斜体字(强调)  
<dfn>...</dfn>斜体字(表示定义)  
<u>...</u>底线  
<ins>...</ins>底线(表示插入文字)  
<strike>...</strike>横线  
<s>...</s>删除线  
<del>...</del>删除线(表示删除)  
<kbd>...</kbd>键盘文字  
<tt>...</tt> 打字体  
<xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)  
<plaintext>...</plaintext>固定宽度字体(不执行标记符号)  
<listing>...</listing> 固定宽度小字体

font元素语法格式：  
<font face="字体名称" size="字体大小" color="字体颜色">  
字体大小可选值为1——7，默认为3  
例：<font face="黑体" size="4" color="#ff00ff">....</font>  

2.水平线和div

语法格式：<hr width="宽度" align="对齐方式默认居中center" size="水平线
厚度默认为2" color="颜色" noshade>  
noshade无阴影，既实线层

<div align="" style="">...</div>  
align设置层中元素的水平对齐方式  
style设置元素应用css规范的属性  
<div>兼容性比<span>要好一点，最好使用<div>

<hr>水平线  
<hr size=’9’>水平线(设定大小)  
<hr width=’80%’>水平线(设定宽度)  
<hr color=’ff0000’>水平线(设定颜色)  
<br>(换行)  
<nobr>...</nobr>水域(不换行)  
<p>...</p>水域(段落)  
<center>...</center>置中  

3.图片

<img src=图片位址 width=’180’>设定图片宽度  
<img src=图片位址 height=’30’>设定图片高度  
<img src=图片位址 alt=’提示文字’>设定图片提示文字  
<img src=图片位址’ border=’1’>设定图片边框
<img src="url" align>设置图片旁边文字的位置
<bgsound src=MID音乐档位址>背景音乐设定
<img src="url" align="?">  
  
align属性设置图片旁边文字的位置   
可选值有：  
top图片和文字顶部对齐  
middle图片和文字居中对齐  
bottom图片和文字底边对齐（默认）  
left图片居左对齐，文字沿图片绕排  
right图片居右对齐，文字沿图片绕排  
absmiddle图片对齐到目前文字行绝对中央   
absbottom图片对齐到目前文字行绝对底部  

4.表格属性

1.语法格式
<table width="" bgcolor="" background="" border="" cellspacing="" 
cellpadding="">  
<tr>...<td>....</td>....</tr>  
</table>

<table aling=left>...</table>表格位置,置左  
<table aling=center>...</table>表格位置,置中  
<table background=图片路径>...</table>背景图片的URL=就是路径网址  
<table border=边框大小>...</table>设定表格边框大小(使用数字)  
<table bgcolor=颜色码>...</table>设定表格的背景颜色  
<table borderclor=颜色码>...</table>设定表格边框的颜色  
<table borderclordark=颜色码>...</table>设定表格暗边框的颜色  
<table borderclorlight=颜色码>...</table>设定表格亮边框的颜色  
<table cellpadding=参数>...</table>指定内容与格线之间的间距(使用数字)  
<table cellspacing=参数>...</table>指定格线与格线之间的距离(使用数字)  
<table cols=参数>...</table>指定表格的栏数  
<table frame=参数>...</table>设定表格外框线的显示方式  
<table width=宽度>...</table>指定表格的宽度大小(使用数字)  
<table height=高度>...</table>指定表格的高度大小(使用数字)

2.tr元素 
语法格式：  
<tr align="" bgcolor="">....</tr>  
align属性对齐方式可选值如下：left,center,tight,默认为left  
bgcolor指定该行的背景颜色 

3.td元素  
<td width="宽度" height="高度" align="水平对齐方式" valign="垂直对齐
方式" bgcolor="" background="" rowspan="单元格的行跨度" colapan="
单元格的列跨度">.....</td>  
align属性的可选值有：left,center,right  
valign属性的可选值有：top,middle,bottom  
rowspan和colapan跨行和跨列的数量，默认为
<td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字)  
<td rowspan=参数>...</td>指定储存格合并列的列数(使用数字)  

5.表示颜色的有三种方式

1，16进制颜色代码  
语法：#RRGGBB  
例：<font color="#ff0000">红色</font>  
2，10进制RGB码  
语法：RGB（RRR，GGG，BBB）  
例：<font color="rgb(255,000,000)">红色</font>  
3,直接用颜色的英文名称  
例：<font color="red">ont>  

6.列表

1.无序列表又称符号列表  
语法格式:
<ul type="">type的属性可选直disc实心圆点,clrcle空心圆点,square实心方框  
<li>文字</li>  
<li>文字</li>  
</ul>

2有序列表  
语法格式：  
<ol type="?" start"?">  
<li>文字</li>  
<li>文字</li>  
</ol>  
type的值是编号字符可选的有1...,a...,A...,i... ,I...   
start为起始值例：如果start为3是那么将从3开始，而且必须是数字。

3.定义列表  
<dl>定义列表标记  
<dt>标示定义条目  
<dd>标示定义内容  
语法格式：  
<dl>  
<dt>文字</dt>  
<dd>文字内容</dd>  
</dl>

7.连接

语法格式：  
<a href="url" name="?" target="?" title="?">....</a>  

属性：
1.href 连接目标 值可以是url地址也可以是连接锚点  
<a href="url">...</a>或者  
<a href="锚点">...</a>  

2.name 连接名称  
语法格式：<a name="锚点名称">...</a>  
例：<a name="abcdcf">...</a>  
连接到该锚点的连接则应是：  
<a name="#abcdef">....</a>  

8.input元素

<input type="">  

type属性的可选值有：  
text 单行文本框  
属性：name 文本框名称  
value 文本框的初始值  
size 文本框的长度  
maxlength 可输入字符串最大的长度  
radio 单选框  
属性：name 单选框名称  
value 内部值  
checked 默认选定  
checkbox 复选框  
属性：name 复选框名称  
value 内部值  
checked 默认选定  
reset 重置按钮  
submit 确定按钮  
属性：name 按钮名称  
value 显示在按钮上的文字  
password 密码框  
属性与文本框的属性完全相同  
file 文件域  
属性：name文件域名称   
size 文件域的长度  
maxlength 文件域可接受的字符数量的上限  
hidden 隐藏域  
属性：name 隐藏域名称  
value 内定值  
image 图片域  
属性：name 所要代表的按钮，可以是submit,reset,或其他.
src 按钮图片的url 地址

9.select元素

语法格式：  
<select>  
.....  
<option>....</option>  
.....  
</select>  
select元素  
语法格式：<select name="" size=""multiple></select>  
name 指定列表框的名字  
size 指定列表框显示列表项的条数，如果指定了该参数，select元素是个列表，
否则是一个下拉列表框  
multiple 指定了这个参数，则表示该列表框可选择多项，否则只可选择一项  
option属性   
语法格式：<option value="" selected></option>  
value 该列表项的值  
selected 如果设定了这个参数，默认为选定这一项  
多

10.多行文本框

<textarea name="" cols="" rows="" 
wrap="off/physical/virtual"></textarea>  
属性：  
name文本框的名称  
cols文本框的宽度  
rows文本框的高度  
wrap文本框的折行方式可选值有：  
off不保存换行信息  
physical强迫浏览器在发送信息到web服务器端时必须将多行文本框的文字一
行一行的送出，  
virtual送出连续成串的字除非使用者按回车。