HTML常用标签

HTML常用标签
DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>这是第一个网页title>
head>

<body>
<a id="top">顶部锚点a>
<h1>这是一个大标题h1>

<br/>
<p>段落标签p>

<hr/>

<img src="../resource/img/1.jpg" alt="QQ头像" title="悬停显示字体" />
<a href="2.链接页面.html" target="_blank"> 点击跳转a>

 <a href="#top">回到顶部a>
<a href="mailto:2475624676@qq.com">点击联系我们a>

<ol>
    <li>javali>
    <li>c++li>
    <li>pythonli>
    <li>phpli>
ol>
<hr/>

<ul>
    <li>javali>
    <li>c++li>
    <li>pythonli>
    <li>phpli>
ul>

<dl>
    <dt>学科dt>
    <dd>Javadd>
    <dd>pythondd>
    <dd>c++dd>
dl>

<table border="2px">
   <tr>
       <td rowspan="2">1-1td>
       <td>1-2td>
       <td>1-3td>
       <td>1-4td>
   tr>
    <tr>
        <td>1-1td>
        <td>1-2td>
        <td>1-3td>
    tr>
    <tr>
        <td colspan="4">1-1td>
    tr>
table>

<video href=" 视频的相对路径" controls autoplay>video>
<audio href="音频的相对路径" controls autoplay>audio>

<iframe src="引用页面地址" frameborder="1px">iframe>

<h5>登陆注册h5>
<form action="2.链接页面.html" method="post" >
<p> 姓名:<input type="text" name="username">p>

    <p>
        性别:
        <input type="radio" value="boy"  name="sex" ><input type="radio" value="girl" name="sex" >p>
    <p>密码:<input type="password" name="password">p>

    <p>
        爱好:
        <input type="checkbox" value="sleep" name="hobby">睡觉
        <input type="checkbox" value="game" name="hobby">游戏
        <input type="checkbox" value="chat" name="hobby">聊天
        <input type="checkbox" value="shop" name="hobby">购物
    p>

    <p>地区:
        <select name="文本选项">
            <option value="china">中国option>
            <option value="american">美国option>
            <option value="UN">英国option>
            <option value="faguo">法国option>
            <option value="eluosi">俄罗斯option>
        select>
    p>

    <p>
        <textarea name="textarea" rows="10" cols="50">文本内容textarea>
    p>

    <p>
        <input type="file" name="files">
        <input type="button" value="上传" name="up">
    p>

    <p>邮箱:
        <input type="mail" name="mail"/>
    p>

    <p>
        <input type="file" name="url"/>
    p>

    <p>商品数量:
        <input type="number" name="num" max="100" min="0" step="1"/>
    p>

    <p>
        <input type="range" name="range"/>
    p>

    <p>搜索:
        <input type="search" name="search"/>
    p>
<p> <input type="submit" name="提交">
    <input type="reset" name="重置">
p>
form>
body>html>
 

Original: https://www.cnblogs.com/wfy-studying/p/16192275.html
Author: ShamUnite
Title: HTML常用标签

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/570594/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

  • Spring5 扩展篇之自定义xml标签

    本篇文章主要讲一下Spring 如何取自定义自己的XML标签: 1. 首先要自定义自己的XSD文件 说明: 首先这个文件最好建立在静态资源 resource文件夹下,我为了方便都将…

    Java 2023年6月7日
    067
  • 群晖安装docker 安装neuxs3

    群晖docker 文件夹下创建 docker 下载neuxs3 启动容器 映射端口3003:8081 群晖反向代理。不用https的这一步可以不用,之间路由转发端口3003就行 路…

    Java 2023年6月6日
    074
  • 浅尝Spring注解开发_声明式事务及原理

    业务类 UserDao @Repository public class UserDao { @Autowired private JdbcTemplate jdbcTemplat…

    Java 2023年6月5日
    059
  • 2022-8-18 第六组 JDBC

    JDBC 1. 概念:Java DataBase Connectivity Java 数据库连接, Java语言操作数据库 JDBC本质:其实是官方(sun公司)定义的一套操作所有…

    Java 2023年6月13日
    044
  • Java 线程池:newFixedThreadPool

    1、Java 线程池 Java通过Executors提供四种线程池,分别为:newCachedThreadPool创建一个可缓存线程池,如果线程池长度超过处理需要,可灵活回收空闲线…

    Java 2023年5月29日
    065
  • 堆排序(java)

    目录 基础堆排序 一、概念及其介绍 二、适用说明 三、过程图示 四、Java 实例代码 优化堆排序 Java 实例代码 基础堆排序 一、概念及其介绍 堆排序(Heapsort)是指…

    Java 2023年6月5日
    062
  • LeetCode随缘刷题之截断句子

    这道题相对比较简单。正好最近学到StringBuilder就用了。 package leetcode.day_12_06; public class TruncateSentenc…

    Java 2023年6月7日
    066
  • callable和runnable的区别

    Runnable接口源码 Callable接口源码 区别: 相同点: Original: https://www.cnblogs.com/zjulanjian/p/11132605…

    Java 2023年5月30日
    067
  • CentOS7迷你版安装部署hadoop高可用无法自动切换角色解决办法!

    用 kill -9 进程号 杀死了当前处于active状态的NameNode后,其他的 Standby 状态的NameNode 并没有自动切换为 Active状态,而且重启杀死的 …

    Java 2023年6月9日
    072
  • 「Java分享客栈」随时用随时翻:微服务链路追踪之zipkin搭建

    前言 微服务治理方案中,链路追踪是必修课,SpringCloud的组件其实使用很简单,生产环境中真正令人头疼的往往是软件维护,接口在微服务间的调用究竟哪个环节出现了问题,哪个环节耗…

    Java 2023年6月9日
    078
  • Mybatis完整版详解

    一、简介 1.什么是MyBatis MyBatis 是一款优秀的持久层框架 它支持自定义 SQL、存储过程以及高级映射。 MyBatis 免除了几乎所有的 JDBC 代码以及设置参…

    Java 2023年6月14日
    054
  • 设计模式之模板方法模式

    模板方法模式属于行为型模式,定义一个操作中的算法骨架,而将算法的一些步骤延迟到子类中,使得子类可以不改变该算法结构的情况下重定义该算法的某些特定步骤,不同的子类可以以不同的方式实现…

    Java 2023年6月5日
    072
  • sentinel基础概念及使用

    点赞再看,养成习惯,微信搜索「 小大白日志」关注这个搬砖人。 文章不定期同步公众号,还有各种一线大厂面试原题、我的学习系列笔记。 什么是sentinel sentinel是Spri…

    Java 2023年6月8日
    078
  • 密集计算场景下的 JNI 实战

    作者:vivo 互联网服务器团队- Wei Qianzi、Li Haoxuan 在 Java 发展历程中,JNI 一直都是一个不可或缺的角色,但是在实际的项目开发中,JNI 这项技…

    Java 2023年6月15日
    064
  • 每日一题(2022-5-24):经典搜索算法

    题目 给定一个文件目录的路径,统计这个目录下所有的文件数并返回 分析 这道题很容易想到深搜或者广搜,不仅考察了对搜索算法的应用,还考察了对文件的操作,这道题在面试的时候还是很常见的…

    Java 2023年6月9日
    063
  • 【原创】JDK 9-17新功能30分钟详解-语法篇-var

    JDK 9-17新功能30分钟详解-语法篇-var 介绍 JDK 10 JDK 10新增了新的关键字——var,官方文档说作用是: Enhance the Java Languag…

    Java 2023年6月13日
    073
亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球