html常用标签_html茅

作者：菜鸟追梦旅行 | 2024-05-27 04:26:36

踩

html茅

1简单标签

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

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

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

改变文字大小颜色

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

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

2.table标签

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

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>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

是这个样子的

colspan 横向跨行
rowspan 纵向跨行

3.框架结构标签

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

最好把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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

这是左边页面

<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <a href="www.baidu.com" target="right">打开百度</a>
    </body>
</html>
1
2
3
4
5
6
7
8
9
10

打开是这样的这里写图片描述
从侧面说明了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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

表单标签所有要提交的表单必须用括起来
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”默认选择的选项

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/629857