首页 > 其他分享 >HTML中的常见标签

HTML中的常见标签

时间:2023-09-27 22:32:12浏览次数:30  
标签:表格 自定义 标签 常见 列表 HTML 下拉菜单 序列表

HTML中的常见标签
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>2023年4月11日</title>
</head>
<body>
    <p>
        <!-- 体验br标签 -->
        妈妈同时还是我的“铁杆”支持者。每当我取得好成绩的时候,妈妈总是在远处高高地竖起大拇指,为我祝福;<br>每当我失败的时候,妈妈总是鼓励我继续努力。让我记忆最深刻的就是2007年参加全省古筝大赛的时候,我们一起去的三个好朋友,她们的成绩都比我好。当我得知比赛结果时,心里难受极了,眼泪也忍不住流了下来。妈妈轻轻地擦干了我的眼泪,把我拉到一边,小声地对我说:“比赛结果并不重要,重要的是这次我们有勇气参加了,而且看到了其他同学的优点,也发现了自己的不足,回家后我们还需要继续努力,下次再和她们比一比,好不好?”
    </p>
    <!-- 水平线标签 -->
    <hr>
    <!-- 加粗标签 -->
    <b>加粗标签</b>
    <!-- 删除线标签 -->
    <del>删除线标签</del>
    <!-- 图片标签 -->
    <img src="." alt="">
    <!-- 音频标签 -->
    <audio src="." controls></audio>
    <!-- 视频标签 -->
    <video src="." controls></video>
    <!-- 超链接标签 -->
    <a rel="nofollow" href="">超链接</a>
    <!-- 创建新页面的超链接 -->
    <a rel="nofollow" href="01网页HTML.html" target="_blank">创建新页面的超链接</a><br>
    <!-- 无序列表 -->
    <ul>
        <li>无序列表</li>
        <li>无序列表</li>
        <li>无序列表</li>
    </ul>
    <!-- 有序列表 -->
    <ol>
        <li>有序列表</li>
        <li>有序列表</li>
        <li>有序列表</li>
    </ol>
    <!-- 自定义列表 -->
    <dl>
        <dt>自定义列表</dt>
        <dd>自定义列表</dd>
        <dt>自定义列表</dt>
        <dd>自定义列表</dd>
        <dt>自定义列表</dt>
        <dd>自定义列表</dd>
    </dl>
    <!-- 表格标签 -->
    <table>
        <tr>
            <th>表格标签</th>
            <th>表格标签</th>
            <th>表格标签</th>
        </tr>
        <tr>
            <td>表格标签</td>
            <td>表格标签</td>
            <td>表格标签</td>
        </tr>
        <tr>
            <td>表格标签</td>
            <td>表格标签</td>
            <td>表格标签</td>
        </tr>
    </table>
    <!-- 表单标签 -->
        文本框:<input type="text" name="" id="">
        <input type="password" name="" id="">
        <input type="radio" name="" id="">
        <input type="checkbox" name="" id="">
        <input type="submit" value="提交">
        <!-- 密码框 -->
        <input type="password" name="" id="">
        <!-- 用户名框,并提示请输入用户名 -->
        <input type="text" name="" id="" placeholder="请输入用户名">
        <br><br>
        <!-- 单选框,单选可选择的有:未婚、离异、丧偶 name后面的值相同的为一组-->
        <input type="radio" name="marriage" id="">未婚
        <input type="radio" name="marriage" id="">离异
        <input type="radio" name="marriage" id="">丧偶
        <br><br>
        <!-- 上传多个文件 -->
        <input type="file" name="" id="" multiple>
        <!-- 按钮标签 -->
        <button>按钮标签</button>
        <!-- 表单标签实现按钮 -->
        <input type="button" value="表单标签实现按钮">
        <!-- 表单标签实现重置按钮 -->
        <input type="reset" value="表单标签实现重置按钮">
        <br><br>
        <!-- 下拉菜单标签 -->
        <select name="" id="">
            <option value="">下拉菜单标签</option>
            <option value="">下拉菜单标签</option>
            <option value="">下拉菜单标签</option>
        </select>
        <br><br>
        <!-- 文本域标签 -->
        <textarea name="" id="" cols="30" rows="10"></textarea>
        <br><br>
        <p>
            <!-- 实现点文字或者选择框都可以进行选择 -->
            性别:<input type="radio" name="sex" id="nan"> <label for="nan">男</label>
                <input type="radio" name="sex" id="nv"> <label for="nv">女</label>
        </p>
    
        <!-- 不创建新页面的超链接 -->
        

</body>
</html>

标签:表格,自定义,标签,常见,列表,HTML,下拉菜单,序列表
From: https://blog.51cto.com/u_15433911/7630064

相关文章

  • 基于vue封装的Tag标签双击编辑单击选中可删除
    ......
  • itext7.pdfhtml For C#
    最近发现itext7(前身为iTextSharp)下有个https://github.com/itext/i7n-pdfhtml的项目可以支持html转PDF下面是官方电子书的翻译内容,原文地址:Chapter1:HelloHTMLtoPDF---第1章:你好HTML到PDF(itextpdf.com)第1章:你好HTML到PDF在本章中,我们将以许多不同的......
  • 批量将 html文件转成PDF文件
    再不会用openai就等被淘汰吧要批量将HTML文件转换为PDF文件,你可以使用一些可以自动化这个过程的工具或编程语言库。以下是一种可能的方法,使用Python编程语言和一个名为pdfkit的库,以及一个名为wkhtmltopdf的命令行工具,它可以将HTML转换为PDF。请按照以下步骤操作:安装必要的工......
  • 项目管理中常见的十个问题
    项目开发过程中会遇到很多问题,今天分享十个常见问题及应对思路。问题一,线上出bug了,是先找责任人,还是先处理问题?不是每一个问题都值得被追责的,指责也不能修复bug。发现问题后,关键是解决问题。问题解决后,再作复盘。复盘的目的也不是追责,而是为了防止问题再次发生。一个重大的错误应该......
  • Linux2.1.13网络源代码学习(https://qiankunli.github.io/2022/07/04/linux_2_1_13_ne
    简介简介源码目录网络分层数据结构套接字套接字与vfssk_buff结构网络协议栈实现——数据struct和协议structlinux1.2.13接收数据收到数据包的几种情况Socket读取发送数据面向过程/对象/ioc以下来自linux1.2.13源码,算是参见Linux1.0的学习笔记。源码目......
  • 使用CSS、HTML、JavaScript实现一个简单的身份验证页
      这是我在博客园的第一篇博客,也是我人生中的第一篇博客。希望它能够记录我的成长,帮助更多的人。  最近在写我们社团的社团网站,有一个页面不太希望普通访客能访问到,所以想做一个“统一身份验证验证”,但是又苦于社团网站搭建是纯静态站,没法做数据库,只能妥协,将账号密码字符串......
  • 给tbody标签设置高度
    给tbody标签设置高度/max-height通过搜索得到三种方法1.在tbody上使用CSS设置高度,并给tbody设置"display:block;"属性。2.将tbody的内容放入一个div中,并设置div的高度。3.动态设置tbody的高度。使用方法1:`tbody{display:block}`此时可以给tbody设置......
  • Python解释器是什么?常见的Python解释器有哪些?
    学习Python时,大家应该都听说过PythonIDE和Python解释器,也经常有人把它们混为一谈,误认为PythonIDE就是Python解释器。其实并不是,PythonIDE和Python解释器在本质上就有很大的区别,那么PythonIDE和解释器有什么区别?下面小编带着大家一起来学习一下。PythonIDEIDE,全......
  • 网络安全中DDoS攻击常见的分类!
    DDOS攻击是网络安全课程中非常常见的一种攻击方式,它利用带宽的流量来攻击服务器以及网站,从而造成严重的危害,被分为七大类。那么DDOS攻击有什么分类?以下是详细的内容介绍。DDOS攻击有什么分类?第一种:自动化程度分类1、手工的DDOS攻击:最早之前的DDOS攻击都是采用手......
  • a标签打开文档有问题,增加target="_parent" 属性就好了
    以上是问题截图,点击a标签的时候提示的,看起来是js问题,但是没报错,引用也没问题。后来增加target="_parent"属性就好了。 ......