- 设置文字字体、大小与颜色
- 语法:
<font face=”宋体” size=”1” color=”red”>文字</font>
- 设置文字的字体、大小、颜色需要使用标签
- Face属性设置文字字体,多种字体用逗号隔开
- Size属性设置文字大小
- Color属性设置文字颜色,参数值可以是RGB颜色值,如#000000,也可以用颜色的单词表示,如red
- 语法:
- 设置正文的标题
- 语法:
<h#>主题文字</h#>
“#”代表数字1-6中的任意一个,从数字1到数字6,标题大小排列由大到小(数字越大,标题字号就越小)。
- 语法:
- 设置段落
- 语法:
<p>这里表示段落</p>
- 语法:
- 强制换行与不换行
- 强制换行:
<br />
- 强制不换行:
<nobr />
- 强制换行:
- 字体标记
- 物理字体
<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> 放大文字
- 物理字体
- 文字对齐
- 文字对齐使用标签的align属性,例如:
<p align=”#”>对齐文字</p>
“#”代码表示方位,可选择”left”(向左)、”right”(向右)、”center”(居中)。Align属性可用于<p>、<div>、<table>、<td>等标签。 - 居中对齐可使用’center’标签,例如:
<center>居中文字</center>
- 文字对齐使用标签的align属性,例如:
- 列表
- 无序列表
<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>标签在定义列表中定义条目的定义部分,可以理解为对定义条目进行特征描述。 - 无序列表、有序列表、定义列表间可以相互嵌套,但一定要注意嵌套时不能交叉
- 无序列表
- 其它方式修饰文本
- 欲格式化文本:
<pre>…</pre>
- 代码样式斜体字渲染:
<var>…</var>
- 表示它所包含的文本对某个参考文献的引用:
<cite>…</cite>
- 欲格式化文本:
- 图像
- 插入图像基本语法:其中#代表图像的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时表示图像不显示边框,否则设置成需要的边框大小
- 插入图像基本语法:其中#代表图像的URL路径,示例:
- 创建表单
- 语法:
<form name=”form” action=”url” method=”post”></form>
Form中的name属性给form表单命名,action属性表示表单提交后发送的URL地址,发送的方式用method属性表示,可选择的参数有Get和Post。Get传输量比较小,Post传输量比较大。
- 语法:
- 文本框和密码框
- 文本框:
<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,与文本框不一致外,其它属性与文本框一致。
- 文本框:
- 单选框和复选框
- 单选框:
<input type=”radio” name=”radio” checked=”checked” value=”v” />
说明:设置checked属性表示单选框被选中 - 复选框:
<input type=”checkbox” name=”ck” checked=”checked” value=”v” />
- 单选框:
- 下拉列表和文本域
- 下拉列表:
<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属性表示文本区内的可见宽度。
- 下拉列表:
- 按钮
- 普通按钮:
<input type=”button” name=”bt” value=”按钮” />
<button name=”bt”>普通按钮</button> - 提交按钮:
<input type=”submit” name=”sm” value=”提交” />
- 重置按钮:
<input type=”reset” name=”rs” value=”重置” />
- 普通按钮:
- 图像域与文件域
- 图像域:
<input type=”image” name=”image” src=”c.jpg” alt=”描述” />
- 文件域:
<input type=”file” name=”file” />
定义输入字段和浏览按钮,用于文件上传
- 图像域:
- 隐藏表单
<input type=”hidden” name=”hi” value=”v” />
隐藏表单用于在浏览器与服务器之间传递一些必要的参数
html-note
from:html笔记