a标签其实就是用来做跳转的
a标签的作用:页面跳转、锚(页就是类似书签的东西,在URL中显示出#)
<a href="http://www.baidu.com" traget = "_blank">超连接文字</a>
traget = "_blank" 该属性的意思是点击后新窗口打开连接,如果没有改项意思就是直接在本页面打开。
<a href="#i3" traget = "_blank" >超连接文字</a>。注意此处的#号后的代码表示跳转到某一标签的标签的id ,页就是在表中中设置一个id,让a标签直接跳转到改标签
href=# 加上标签号
img标签
<img src="图片目录" style=“height:200px;width:200px;“ alt="图片描述" title = "鼠标显示">. height:200px;width:200px定义了图片的大小,alt属性的意思是如果看不到图片,就只显示图片的描述内容,同时点解描述内容也能够超连接到对应的页面,还可以有title的属性
如果点击图片需要有超连接的跳转功能,实现如下:
<a href="http://www.baidu.com">
<img src="图片目录" style=“height:200px;width:200px;“>
</a>
属性:
src
title
alt
style
ul标签: 列表内容的前面显示的是一个点.
<ul>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<\ul>
ol标签 列表内容的前面显示的数值序号
<ol>
<li>内容1</li>
<li>内容2</li>
<li>内容3</li>
<\ol>
dl标签:
<dl>
<dt>主标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
table标签:tr是行,td是列
<table board=1>。添加了board=1之后表格就自动添加了边框了
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
</tr>
</table>
table标签中还有<thead></thead>代表列
<tbody></tbody>代表表格中的行
合并单元格:
<td colspan = "2"></td> 代表改列所占单元格为2个单元格。 行上的单元个合并】、
<td rowspan = "2"></td>代表改行所占单元格为2个单元格。 也就是列上的单元个合并
label 标签:
普通文本,一般和input标签一起使用,如何和input创建关联如下: 点击文字使得关联的文字得到光标
<label for "username"> 用户名:</label>
<input id = "username" type=”text“ name="user"></input>
fieldset标签,在一个框中显示用户名和密码的登陆