HTML

1. 设置文字字体、大小与颜色
   
   • 语法：
     <font face=”宋体” size=”1” color=”red”>文字</font>
   • 设置文字的字体、大小、颜色需要使用标签
   • Face属性设置文字字体，多种字体用逗号隔开
   • Size属性设置文字大小
   • Color属性设置文字颜色，参数值可以是RGB颜色值，如#000000，也可以用颜色的单词表示，如red
2. 设置正文的标题
   
   • 语法：
     <h#>主题文字</h#>
“#”代表数字1-6中的任意一个，从数字1到数字6，标题大小排列由大到小(数字越大，标题字号就越小)。
3. 设置段落
   
   • 语法：
     <p>这里表示段落</p>
4. 强制换行与不换行
   
   • 强制换行：
     <br />
   • 强制不换行：
     <nobr />
5. 字体标记
   
   • 物理字体
     <b>…</b> 设置成粗体
<i>…</i> 设置成斜体
<u>…</u> 增加下划线
<s>…</s> 增加删除线
<sub>…</sub> 设置成下标字体
<tt>…</tt> 设置成打字机字体
   • 逻辑字体
     <em>…</em> 强调文字
<strong>…</strong> 字体加重
<code>…</code> 显示编程代码
<samp>…</samp> 显示救命文字
<kbd>…</kbd> 显示键盘按键文字
<small>…</small> 缩小文字
<big>…</big> 放大文字
6. 文字对齐
   
   • 文字对齐使用标签的align属性，例如：
     <p align=”#”>对齐文字</p>
“#”代码表示方位，可选择”left”(向左)、”right”(向右)、”center”(居中)。Align属性可用于<p>、<div>、<table>、<td>等标签。
   • 居中对齐可使用’center’标签，例如：
     <center>居中文字</center>
7. 列表
   
   • 无序列表
     <ul type=”#”>
<li>表项一</li>
<li>表项二</li>
</ul>
Type=”#”取值可为disc(默认，实心黑点)、square(实心黑方块)、circle(空心圆)
   • 有序列表
     <ol type=”#”>
<li>表项一</li>
<li>表项二</li>
</ol>
Type=”#”取值可为A、a、I、i、1等
   • 定义列表
     <dl>
<dt>项目</dt>
<dd>描述一</dd>
<dd>描述二</dd>
</dl>
<dt>标签定义了定义列表中的项目，<dd>标签在定义列表中定义条目的定义部分，可以理解为对定义条目进行特征描述。
   • 无序列表、有序列表、定义列表间可以相互嵌套，但一定要注意嵌套时不能交叉
8. 其它方式修饰文本
   
   • 欲格式化文本：
     <pre>…</pre>
   • 代码样式斜体字渲染：
     <var>…</var>
   • 表示它所包含的文本对某个参考文献的引用：
     <cite>…</cite>
9. 图像
   
   • 插入图像基本语法：，其中#代表图像的URL路径，示例：
     <img src=”c.jpg” />
   • 图像无法显示时的提示信息，使用alt属性，如：
     <img src=”c.jpg” alt=”风景” />
   • 图像的大小：
     <img src=”c.jpg” width=”400px” height=”300px” />
width属性定义图像的宽度，height属性定义图像的高度
   • 图像和文字对齐：
     <img src=”c.jpg” align=”top” />
align属性的取值为top(顶部)、middle(中间)、bottom(默认，底部)
   • 图像的边框：
     <img src=”c.jpg” border=”0” />
border设置为0时表示图像不显示边框，否则设置成需要的边框大小
10. 创建表单
    
    • 语法：
      <form name=”form” action=”url” method=”post”></form>
Form中的name属性给form表单命名，action属性表示表单提交后发送的URL地址，发送的方式用method属性表示，可选择的参数有Get和Post。Get传输量比较小，Post传输量比较大。
11. 文本框和密码框
    
    • 文本框：
      <input type=”text” name=”text” size=”6” maxlength=”6” value=”文字” disabled=”disabled” readonly=”readonly” />
说明：name属性给文本框命名，size属性设置文本框的显示大小，maxlength属性设置文本框最大可接受的字符数，value属性设置文本框默认显示值，disabled属性设置文本框是否可用，readonly属性设置文本框是否只读。
    • 密码框：
      <input type=”password” />
密码框的属性除了type设置成password，与文本框不一致外，其它属性与文本框一致。
12. 单选框和复选框
    
    • 单选框：
      <input type=”radio” name=”radio” checked=”checked” value=”v” />
说明：设置checked属性表示单选框被选中
    • 复选框：
      <input type=”checkbox” name=”ck” checked=”checked” value=”v” />
13. 下拉列表和文本域
    
    • 下拉列表：
      <select name=”select” size=”2” multiple=” multiple”>
<option value=”1” selected=”selected”>列表项一</option>
<option value=”2”>列表项二</option>
</select>
说明：select标签的size属性表示下拉列表的可见选项数，默认为1，multiple属性规定可以选择多个选项。Option标签的selected标签表示当前选被默认选中，即在1个可见选项数时下拉列表显示此值。
    • 文本域
      <textarea name=”ta” rows=”10” cols=”5”>文本内容</textarea>
说明：textarea标签的rows属性表示文本区内的可见行数，cols属性表示文本区内的可见宽度。
14. 按钮
    
    • 普通按钮：
      <input type=”button” name=”bt” value=”按钮” />
<button name=”bt”>普通按钮</button>
    • 提交按钮：
      <input type=”submit” name=”sm” value=”提交” />
    • 重置按钮：
      <input type=”reset” name=”rs” value=”重置” />
15. 图像域与文件域
    
    • 图像域：
      <input type=”image” name=”image” src=”c.jpg” alt=”描述” />
    • 文件域：
      <input type=”file” name=”file” />
定义输入字段和浏览按钮，用于文件上传
16. 隐藏表单
    <input type=”hidden” name=”hi” value=”v” />
隐藏表单用于在浏览器与服务器之间传递一些必要的参数