标记语言:是一种讲文本以及相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码。与文本相关的其他信息(包括文本的结构和表示信息等)与原来的文本结合在一起,但是使用标记进行标记。
标记语言不仅仅是一种语言。就像许多语言一样,它需要一个运行时环境,使其有用。
现在来学习我们常用一些标记
1、无序列表:
<ul>
<li>我是无序列表<li>
<li type="circle">我是无序列表</li>
<li type="square">我是无序列表</li>
<li>我是无序列表</li>
<li>我是无序列表</li>
</ul>
2、有序列表:
<ol>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
<li>有序列表</li>
</ol>
3、自定义列表:
<dl>
<dt>我是标题</dt>
<dd>我是内容<dd>
</dl>
4、插入图片、超链接:
<imgwidth="50" height="40"src="img/a.img"/> (插入图片、设置其宽高)
<a rel="external nofollow" href="http://www.baidu.com"target="_blank">百度</a> (新窗口打开百度链接,target:选择打开的方式)
格式:<imgsrc=""/>
功能:在网页中插入图像。
绝对路径和相对路径的区别:
绝对路径:可以理解为一个网址。文件图片等已经上传服务器;
相对路径:存在同一个目录下的相对路径。
src="url" 通过url给出图像来源的位置,是不可缺省的
width="size" 设置图像宽高
height="size" 设置图像高度
alt="txt" 设置在图像未载入前图片位置显示的文字
border="size" 设置图像边框,缺省为0
align="alignstyle" 设置对其方式,取值为: topbottom left right middle center
hspace="size" 设置图片左右边沿空白
vspace="size" 设置图片上下边沿空白
5、表格:table
table:表格
th:表格单元格标题
tr:表格行
td:表格列
caption:表格标题
thead:表头
tbody:表主体
tfboot:表尾
<table border="1"width="600" align="center">
<caption></captiom>
<thead>
<tr>
<th>表格单元格标题</th>
<th>表格单元格标题</th>
<th>表格单元格标题</th>
</tr>
</thead>
<tbody align="center">
<tr>
<td>一</td>
<td>二</td>
<td rowspan="2">行合并</td>
</tr>
<tr>
<td>一</td>
<td>二</td>
</tr>
</tbody>
<tfoot><tr><td colspan="3">表尾列合并</td></tr></tfoot>
</table>
表单:form
form:表单,把控件集中起来
input:控件
input(标签) - type(属性)-(作用如下)
text:文本框
password:密码框
hidden:隐藏域
radio:单选框
checkbox:多选框
button:按钮
reset:重置
image:图片按钮
submit:提交
<input type="text"placeholder="输入你的用户名">(placeholder:框内的提示信息)
<input type="password"placeholder="请输入你的密码">
<input type="button"value="登录">
form标签:
为什么占击reset没有效果啊?
因为type=resrt的按钮智能在Form之中起作用。
作用:用来管理页面上的表单元素,表单元素如果要起作用,必须要放在form标签中。
action:讲所有的数据提交到action指定的页面