html常用标签

来源：互联网发布：小区网络布线编辑：程序博客网时间：2024/06/09 15:44

1简单标签

<a href="www.baidu.com"  target="_blank">aaaa2</a>

超链接标签
target标签是个有意思的东西这个是选择这个链接在哪打开
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
不懂可以看看最后面
framename 在指定的框架中打开被链接文档。需要在上一个页面指定一个name属性

<font color="aqua" size="3">我是中国人</font>

改变文字大小颜色

<img src="img/1.jpg" alt="sb" />

插入图片 alt属性如果图片不能显示加载显示什么

2.table标签

table border="1px"  bgcolor="antiquewhite" cellpadding="100px" cellspacing="0px">

table表格标签
tr 列 td 行
border边框大小
cellpadding边框与边框距离
cellspacing边框与内容距离
align 居中左边还是右边

<tr>                <td colspan="2" rowspan="2">11</td>                <td>13</td>            </tr>            <tr>                <td>23</td>            </tr>            <tr>                <td>31</td>                <td>32</td>                <td>33</td>            </tr>

是这个样子的

colspan 横向跨行
rowspan 纵向跨行

3.框架结构标签

<frameset cols="25%,*" >        <frame src="left.html" />        <frame src="right.html" />    </frameset>

最好把body删除再加入这个
frame中src是两个不同的页面其中*代表剩下的页面都是第二个的
也可以这样
这是主页面

<html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <frameset rows="20%,*" >        <frame src="top.html" />        <frameset cols="20%,*">        <frame src="left.html" />        <frame name="right" />        </frameset>    </frameset></html>

这是左边页面

<html>    <head>        <meta charset="UTF-8">        <title></title>    </head>    <body>        <a href="www.baidu.com" target="right">打开百度</a>    </body></html>

打开是这样的这里写图片描述
从侧面说明了target是干什么的如果用_blank是这样的

4.提交页面

<body>        <form action="#" method="post">            姓名：<input type="text" size="2" maxlength="5" readonly="readonly" placeholder="请输入姓名"/><br />            密码<input type="password"  required="required"/><br />            性别<input type="radio" name="sex" value="男"/>男<br />            <input type="radio" name="sex" value="女"/>女<br />            爱好<input type="checkbox" name="hoopy"  checked="checked"/>玩游戏<br />              <input type="checkbox" name="hoopy" />打飞机<br />              <input type="checkbox" name="hoopy" />玩球<br />            头像<input type="file" /><br />            籍贯<select name="prin">                <option>请选择</option>                <option>1</option>                <option selected="selected">2</option>                <option>3</option>            </select><br />            自我介绍            <textarea>            </textarea><br />            提交按钮<input type="submit" value="注册"/>            普通按钮<input type="button"   value="普通按钮"/>            重置按钮<input type="reset" />        </form>    </body>

表单标签所有要提交的表单必须用括起来
action表单提交的路径
method表单提交的方法
input输入标签
type属性有很多取值
text一个普通的输入框
password输入密码的输入框输入不显示密码
radio单选框
checkbox多选框
submit提交按钮
button普通按钮
reset重置按钮
size 输入框大小
maxlength可写入字段
readonly=”readonly”设置为只读
placeholder=”请输入姓名”默认显示
required=”required”必须输入的输入框
name提交的时候必须有名字 name=value提交到后台
value 输入框默认显示等提交时提交value
select下拉框
用option显示要选择的选项
selected=”selected”默认选择的选项

阅读全文

0 0