html常用标签

最新推荐文章于 2023-05-07 23:36:37 发布

蹲茅坑逗蛆蛆

最新推荐文章于 2023-05-07 23:36:37 发布

阅读量717

点赞数

分类专栏：前端文章标签： html 标签

本文链接：https://blog.csdn.net/m0_38128121/article/details/78289918

版权

前端专栏收录该内容

9 篇文章 1 订阅

订阅专栏

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
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html常用标签

1简单标签<a href="www.baidu.com" target="_blank">aaaa2</a>超链接标签 target标签是个有意思的东西这个是选择这个链接在哪打开 _blank 在新窗口中打开被链接文档。 _self 默认。在相同的框架中打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。不懂可以看看最
复制链接

扫一扫