HTML:html常用标签总结

最新推荐文章于 2023-05-07 23:36:37 发布
最新推荐文章于 2023-05-07 23:36:37 发布
阅读量248 收藏
点赞数
分类专栏： 笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chf605908340/article/details/109161827
版权

html常用标签总结

<!--告诉浏览器的规范-->
<!DOCTYPE html>
<html lang="en">
<!--网页的头部-->
<head>
<!--    meta标签，描述网站的消息-->
    <meta name="description" content="一起复习html">
    <meta charset="UTF-8">
    <title>Title</title>
    <title>html小练习</title>
</head>
<body>
<!--a标签连接-->
<a name="pop">顶部</a>
<!--p标签段落-->
<p>
<!--    b标签加粗文本-->
    <b>你好，世界</b>
<!--    <em>呈现为被强调的文本。&nbsp;不换行空格-->
    <em>i&nbsp;&nbsp;&nbsp;love you</em>
    &copy;赵信
</p>
<!--水平线-->
<hr/>
<!--src=相对路径 alt=加载失败后显示文字 title=鼠标放在图片上显示的文字 width宽 height高-->
<img src="../OIP.jpg" alt="我的图片" title="悬浮的文字" width="204" height="265">
<!--锚链接 先使用a标签 定义名字做标记 再想返回标记的地方 a标签 #名字-->
<!-- a标签
href：必填，表示要跳转到那个页面
target：表示窗口在那里打开
        _blank 在新标签中打开
        _self   在自己的网页中打开
-->
<a href="https://www.baidu.com" target="_blank">点击跳转百度</a>
<!--功能性连接
邮件连接：mailto
QQ链接-->
<a href="mailto:123@qq.com">点击联系我</a>
<!--有序列表
应用范围：试卷，问答。。。-->
<ul>
    <li>java</li>
    <li>运维</li>
</ul>

<!--自定义列表
dl:标签
dt:列表名称
dd:列表内容
范围：公司网站-->
<dl>
    <dt>学科</dt>
    <dd>数学</dd>
</dl>
<!--表格table
行 tr rows
列 td
border表格的边框-->
<table border="1px">
    <tr>
        <!-- colspan跨列（自身也算是一列） -->
        <td colspan="4">学习</td>
    </tr>
    <!--rowspan跨行（自身也算是一行） -->
    <td rowspan="2">java</td>
        <td>前端</td>
    <td>数据库</td>
    <td>Tomcat</td>
    </tr>
<!--    一行-->
    <tr>
        <td>框架</td>
        <td>面向对象</td>
        <td>微服务</td>
    </tr>
</table>
<!--水平线-->
<hr/>
<!--音频audio和视频video
    src：资源路径
    controls：控制调(提供播放控件)
    autoplay：自动播放-->
<video src=".." controls autoplay></video>
<audio src=".." controls autoplay></audio>
<a href="#top">回到顶部</a>
<!--页面结构 header网页头部
            section网页主体
            footer网页脚部-->
<header>
    <h2>网页头部</h2>
</header>
<section>
    <h2>网页主体</h2>
</section>
<footer>
    <h2>网页脚部</h2>
</footer>
<!--导航 nav-->
<nav>1</nav>
<!--水平线-->
<hr/>
<!--内联框架 iframe
frameborder：是否显示框架周围的边框（0无1有）。
src：地址
w-h：宽，高-->
<iframe src="" name="chang" frameborder="1" width="1000" height="800">点击转跳学习java</iframe>
<!--在chang内联框架打开-->
<a href="https://www.baidu.com" target="chang">点击转跳</a>
<!--表单form
action：表单提交的位置，可以是网站，也可以是一个请求处理地址
method：post，get 提交方式
    get：可以在url中看到我们提交的信息，不安全
    post：比较安全，可传输大文件-->
<form action="1.我的第一个网页.html" method="get">
    <!--    文本输入框
            Input type=text name输入框名字
            value默认初始值
            maxlength文本框输入最大字节
            size文本框长度
            submit提交按钮
            reset重置按钮
            placeholder提供提示信息(hint)-->
    <p>请注册账号</p>
    <p>名字：<input type="text" name="username" value="1234" size="30" maxlength="20" placeholder="请输入用户名"></p>
    <p>密码:<input type="password" name="pwd"></p>
    <!--单选框标签 type=radio（圆形单选框） input标签类型为radio时必须有value
    checked( 默认选中)-->
    <p>
        <input type="radio" value="boy" name="sex">男
        <input type="radio" value="girl" name="sex">女
    </p>
    <!-- 多选框标签 input type=“checkbox”  -->
    <p>
        <input type="checkbox" value="sleep" name="hobby" checked>睡觉
        <input type="checkbox" value="talk" name="hobby">说话
    </p>
    <!--按钮
  input type="button" 普通按钮
  input type="image" 图片按钮
  input type="submit" 提交按钮
  input type="reset" 重置按钮-->
    <p>
        <input type="button" name="btn1" value="按钮名字">
        <input type="image" src="../OIP.jpg" width="200" height="260">
        <input type="submit">
        <input type="reset">
    </p>
<!--    文本域textarea
cols 行 rows 列
-->
    <p>反馈：<textarea name="textare" cols="30" rows="10">文本内容</textarea> </p>
<!--文件域-->
    <p>
        <input type="file" name="files">
        <input type="button" value="上传" name="upload">
    </p>
<!--    邮箱验证-->
    <p>邮箱：<input type="email" name="email"></p>
    <!--    URL验证-->
    <p>URL:<input type="url" name="url"></p>
    <!--    数字验证
    max 最大数量
    min 最小数量
    step 每次点击增加或减少的数量-->
    <p>
        数字：<input type="number" name="num" max="100" min="1" step="1">
<!--        滑块-->
        音量：<input type="range" name="voice" max="100" min="0" step="2">
    </p>
<!--    搜索框-->
    <p><input type="search" name="search"></p>
    <p><input type="submit" value="submit"></p>
<!--    增强鼠标可用性
        for 属性规定 label 与哪个表单元素绑定。-->
    <p>
        <label for="mark"></label>
        <input type="text" id="mark">
    </p>
</form>
</body>
</html>
努力生活的人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
20.2 HTML 常用标签
07-28
配套资源
css 实现 ul li 的显示与隐藏
weixin_34192816的博客
05-04 2524
本文从CSS角度来实现导航栏的显示与隐藏，用到了ul、li标签 html源代码： css文件： 有点小感悟：总是先设置默认情况：默认不显示或者默认黑色，然后再设置hover时的具体情况 li颜色变化比较简单：设置个全局颜色（默认颜色），然后li:hover设置hover时的颜色； li 显示比较复杂，因为涉及到自菜单显示情况：总是先设置下属所有子菜单全显示，然后设置间接子菜...
HTML&CSS学习总结—02
hyeffort的博客
09-21 81
文章目录HTML标签（下） HTML标签（下） 表格标签 表格主要用来展示数据。 语法格式 <table> <tr> <th>单元格内的文字</th> <td>单元格内的文字</td> </tr> </table> <table></table>用来定义表格。 <tr></tr>用来定义表格中的行，必须嵌套在<table&gt
《HTML标签》〈ul〉〈ol〉〈li〉的使用
热门推荐
佳佳君子的博客
03-05 4万+
《HTML标签》〈ul〉〈ol〉〈li〉的使用。
HTML知识点总结之ul，ol，li标签
weixin_30415113的博客
01-12 1975
HTML列表分为有序列表，无序列表和描述列表。我们常用的是有序列表（ol）与无序列表(ul)。 有序列表 <ol>标签就可以定义一个有序列表，之所以称其为有序列表，是因为可以使列表具有排序功能。具体的列表项使用<li>元素来规定。 type属性：实现不同方式的有序排序功能，不赞成使用，通常都会使用样式取代它。 （1）1表示以1,2,3...
HTML常用标签总结
weixin_64182409的博客
05-07 4026
一些常用的HTML标签的介绍与使用
HTML常用标签代码
05-07
HTML常用标签练习，方便大家借鉴，本次下载不需要积分，可以直接下载 HTML常用标签练习，方便大家借鉴，本次下载不需要积分，可以直接下载
HTML常用标签属性.txt
04-29
HTML常用标签属性大全
HTML教程:收集的常用的HTML标签(6)
12-13
这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍，如：B标记，FONT标记，都是不符合XHTML规范的。 相关文章：初学者接触HTML了解一些HTML标记(5) 　这些所介绍的HTML标记不一定完全符合...
gitee删除远程仓库
chf605908340的博客
03-14 2万+
1.点击管理，然后点击仓库设置，再点击删除仓库 2、点击删除仓库，点击确认删除
MySQL错误：ERROR 1064 (42000)
chf605908340的博客
06-29 3058
错误1064（42000）：您的SQL语法有错误; 检查与MySQL服务器版本对应的手册，以获得正确的语法 解决方法:重新检查自己的语句问题
Windows问题：无法访问internet
chf605908340的博客
10-06 2586
电脑无法访问internet，网络和Internet呈现地球状 解决方法： 1.同时按住windows+R 输入cmd，运行后，再右击导航栏运行的cmd，以管理员方式运行 。 2、打开命令提示窗以后输入netsh winsock reset。 希望以上信息可以帮助到您! ...
springMVC：部署tomcat访问404问题
chf605908340的博客
10-10 1369
springMVC：部署tomcat访问404问题 没有问题截图。抱歉。。。。。。 解决方法 前提：已经配置了tomcat 一、检查自己的代码（还有是否没有导包的问题） 备注：最好按照springMVC的此图（流程图进行检查） 二、查看自己代码的是否未被导入jar包 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-bMegkrco-1602302457889)(C:\Users\60590\Desktop\屏幕截图 2020-10-10 113357.jpg)] 如果jar
找不到dopost和doget的方法
chf605908340的博客
06-29 1015
在确保自己把包导入的是同时，直接插入javax.servlet.http.HttpServlet
4028连接数据库的增删改成查
chf605908340的博客
06-29 634
package cn.edu.mju.project1.entity; import java.util.List; /** * @ProjectName: Project1 * @Package: cn.edu.mju.project1.entity * @ClassName: Band * @Author: Dell * @Date: 2020/4/28 12:42 */ public class Band { private int id; private String
Mybatis：简单使用分页查询
chf605908340的博客
10-07 587
Mybatis的分页查询 作用：在查询大量数据时，使用分页进行查询，也可以说是变成处理小部分的数据，把对数据库的压力把控在可控范围 步骤： 1、添加接口抽象类 /** * 分页查询,这需要使用引用类 * @return */ public List<User> limitAll(Map<String,Integer> map); 2、修改Mapper文件 <!-- startIndex为开始索引 pagsize为设置每页的返
rabbitmq无法重启错误
chf605908340的博客
07-11 573
问题描述 [root@myserver ~]# rabbitmqctl status rabbit@myserver: * connected to epmd (port 4369) on myserver * epmd reports: node 'rabbit' not running at all no other nodes on myserver * suggestion: start the node Current node details:
SpringMVC项目：ssm整合的错误思路（自我总结）
chf605908340的博客
10-24 354
找错的一般思路： 1、bean语句的错误 2、bean是否注入 3、junit测试bean（报错： No bean named ‘bookMapper’ available或者是Error creating bean with name ‘BookServiceImpl’ defined in class path resource [spring-service.xml]: Cannot resolve reference to bean ‘bookMapper’ while setting bean p
介绍html 常用标签
最新发布
07-21
下面是一些常用的HTML标签的介绍： 1. `<html>`：表示HTML文档的根元素。 2. `<head>`：包含了HTML文档的元数据，如标题、字符集声明等。 3. `<title>`：定义了网页的标题，显示在浏览器的标题栏或标签页上。 4....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值