标题,换行和段落标签
1. 标题(双标签)
<hn>内容</hn>
n可取1~6,n越小,标题字号越大。
2. 换行(单标签)
<br>
注意:html源代码中,文字之间换行和多于一个的空格将会被一个空格代替。
3. 段落标签(双标签)
<p>内容</p>
属性:
- align 内容的对齐方式(left , center , right)
4. 水平线段标签
<hr></hr>
属性:
名字 | 意义 |
---|---|
size | 宽度,单位像素 |
width | 长度,默认为页面长度,单位像素,可使用百分制。 |
align | 对齐方式(left, center, right) |
noshade | 无阴影 |
color | 线段内部的颜色 |
文字设计标签
<font>字体<font>
属性:
名字 | 意义 |
---|---|
size | 设置字体的大小,”size=X(x取1~7) |
face | 设置字体的类型,默认为宋体 |
color | 字体颜色 |
常见设计文字风格的标签:
<b></b> 粗体
<u></u> 下画线
<i></i> 斜体
<sup></sup> 上标
<sub></sup> 下标
<blink></blink> 闪烁
列表标签
<ul>内容</ul> 无序 unorder;ist
<ol>内容</ol> 有序 orderlist
<li>列表项</li> listitem
表格标签
<table></table> 定义表格,表格所有内容都写在这个标签之内
<caption></caption> 定义标题,标题会自动出现在整张表格的上方
<tr></tr> 定义表行
<th></th> 定义表头
<td></td> 定义表元(表格的具体数据),包含在<tr></tr>之间
公共属性:
名字 | 意义 |
---|---|
align | 水平布局方式(left, right, center),默认布局方式为左对齐,表示该行和该表元内的内容的布局方式 |
bgcolor | 设置背景颜色 |
border | 设置边框的宽度,属性值为整数,为0时表格没有边框,默认值为0 |
width | 宽度,默认单位为像素,也可以用百分制单位 |
height | 高度,默认单位为像素,也可以用百分制单位 |
bordercolor | 表格边框的颜色,默认为黑色 |
cellpadding | 表元边框的宽度 |
cellspacing | 表元的边框和表格边框之间的宽度 |
注意:在设置行高时最好在tr中设置,行高取最高。背景颜色,对齐方式等属性总是跟它离的最近的设置相同。
合并单元格
<td>内容</td>里面设置rowspan = 2(合并两行) colspan = 2(合并两列)
意思:从该表元起,该表元在行或者列上占有的单元格数。
链接和图片标签
链接标签:使用户链接到另一个页面。
<a href = "资源地址">内容</a> 内容:链接所显示的内容,可以是文字,空格占位符,图片等。 属性 : href的值指向的资源地址。
图片标签 : 将一幅图片显示在网页的某个位置,可以设置它的大小,边框等属性。
<img src="图片文件路径">
属性:
名字 意义 src 图片的存储的位置 width, height, border, align 同上面的属性一样 alt 当图片未载入或者载入失败时提供的替代性的文字说明 注意:align还可以用”top, middle, bottom”代表文字在图像的右上方,右中方,右下方。
表单标签
表单:在网页上,可以让用户在一些控件中输入一些内容,如文本框,密码框,输入之后提交,这些控件所在的区域叫表单,表单中的控件叫作表单元素。
<form action = "提交地址">
表单内容(包括按钮,输入框,选择框等)
例如:
<input type = "表单元素">
</form>
type值:
名字 | 意义 |
---|---|
text | 文本框,text的默认属性 |
password | 密码框 |
radio | 单选按钮,name属性设置相同,checked属性可这是默认被选 |
checkbox | 复选框,checked属性可设置默认被选 |
reset | 重置按钮,按下之后,所有表单元素内容变为默认值 |
botton | 普通按钮 |
submit | 提交按钮,按下之后,网页会将表单的内容提交给action设定的网页,action的值为空时提交给本页 |
image | 图片,单击图片的效果和提交按钮一样,都会提交表单 |
其他类型的表单元素:
<textarea></textarea> 多行文本框,rows属性表示其行数,cols表示其列数。
<select></select> 表示下拉菜单,其中选项<option>选项内容</option>表示,multiple属性设置为可多选,size属性的值为下拉菜单的显示的项目数。