html标签大全

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>This is study note</title><base href="我是做外链的,一般在head里面" target="_blank"><style type="text/css">里面可加n多css</style><script type="text/javascript">javescript语句</script><noscript>不支持javescript的替代语句</noscript>
</head>
<body><h1>h1-h6是标题标签</h1><p>p是段落标签</p><a href="https://www.baidu.com" target="_blank">a标签是插入超链接的,herf指定链接地址,target指定新窗口开启</a><br/><!--这是一个换行符--><wbr><!-- 定义何处适合换行,窗口大小不够则不换行 --><img src="a.jpg" alt="这是一个图片,加载不出来时显示我" width="100" height="60"><!--加载图像的标签--><hr/><!--这是一条水平线--><abbr title="China">CN</abbr><!--定义缩写--><address>rcw <a href="mailto:small_pupil@126.com"></a><br>tel:18127655676</address><!--定义地址,签名或者文档的作者身份--><area shape="范围,tect/circle" coords="坐标" href="链接地址"><!-- 可以在图像上划分区域,可点击返回herf --><map>一般和area一起用,管理里面的area</map><article>我这里指定面页的独立部分内容,也可以是页眉</article><header>介绍性内容,在article里面</header><aside>语义化标签,我也不知道什么意思</aside><audio controls="controls"><source src="链接地址" type="视频类型"><!-- source可以为图片,视频,音频元素指定资源 --></audio><!-- video也是这样用的 --><b>我可以把字体加粗</b><ul><!-- 无序表格;ol有序列表 --><li>我是做表格用的,必须在ul里或者ol里面</li></ul><bdi>把我隔离出来</bdi><bdo dir="rtl">我可以把文字排序倒置,必须有dir</bdo><blockquote cite="引用地址">我是被自动缩进的引用,我可以很长很长</blockquote><cite>我是引用,我将变成斜体字</cite><button type="button" οnclick="alert(我是弹窗内容)">都用我来设置按钮</button><canvas id="我的标识记号">我是画布,想让我变得更美,就要用script</canvas><caption>我是表格的名字,我出现在table里面</caption><col span="2" style="background-color:red"><!-- 我在table下的colgroup中使用,来设置表格的列属性值 --><colgroup>我把表格按列分组了</colgroup><datalist id="input的那个表格list"><option value="我是input那个表格里的下拉选项"></option></datalist><!--我与input一起用,做出来的表格高大上呦,还能让用户选择--><dl><dt>小米</dt><dd>为发骚而生</dd></dl><!--看懂了吗?我跟ol,ul差不多,dt是名人,dd要拍名人的马屁,看出来了吧,dl是代表一个描述列表--><del>我会被划上删除线</del><s>我也会被划上删除线</s><ins>我会被划上下划线,表示修改</ins><u>我才是名正言顺的下划线</u><details><summary>点我能看到很多</summary><p>很多</p></details><!--创建一个可折叠的东西,点开你能看到很多--><em>我是强调文本</em><br><strong>我能加粗文本</strong><br><dfn>反正我是斜的,定义项目</dfn><br><code>一段电脑代码</code><br><samp>计算机样本</samp><br><kbd>键盘输入</kbd><br><var>变量</var><dialog open>我差不多一个是个th的批注,但我很大,还不能隐藏</dialog><div class="属性" id="自己体会" lang="语言">我将被很多属性标记,太幸福了</div><embed src="你竟然要把我嵌入面页,呜呜。。。"></embed><fieldset>我被用在form下,我下面的input属于我,哼</fieldset><legend>我替fieldset管理input</legend><figure><!--我是独立的,想引用谁就是谁--><figcaption>我属于figure</figcaption></figure><footer>我相当于页脚</footer><form action="把数据存起来,怎么样" method="传输方式post/get">我向服务器传输数据</form><hgroup>标题集合</hgroup><i>斜体文字</i><iframe src="内联框架"></iframe><input type="控件类型" name="给控件起个名字" value="把我传给数据库"><label>单选控件类型</label><link rel="stylesheet" type="text/css" href="文件地址吧"><!-- 我一般用来链接css --><make>我将被标记,重点显示哦</make><menu>我定义一个命令列表或菜单,但好像没有浏览器支持我</menu><meta charset="utf-8"><!-- 一般显示在head里 --><meter value="2" min="0" max="10">0到10之间,输出2,相当于20%</meter><nav>导航链接,索引,目录,菜单</nav><object>外部资源<param name="" value="">定义资源</object><select>定义一个下拉菜单<optgroup>下拉菜单里的分类<option>分类里面的选项</option></optgroup></select><output>显示计算或用户操作的结果</output><pre>你怎样输入的,      我就怎么显示</pre><progress value="88" max="100"><!-- 下载任务完成88% --><q>显示为引号包含</q><ruby><rp>(</rp><rt>shuai</rt><rp>)</rp></ruby><!-- 作为注释标签使用表示很难懂,不知道为什么,但就是这样子 --><section>定义文档独立的一部分</section><small>我是最小号的字体</small><span style="样式">想给我加样式就这么用</span><sub>下标</sub><sup>上标</sup><table border="1">大表哥,里面有很多tr组成,边框为1<thead><!-- 我和tbody,tfoot一样,不会对表格造成什么影响,但可以通过我们为每一行加css --><tr>横向定义的表格,表示一行数据<th>加粗版表头文档</th><td>表中内容</td></tr></thead></table><textarea rows="10" cols="30">我是一个文本框</textarea><time>时间:21:00</time><track kind="文本轨道的文本类型" src="轨道文件的url"><!-- 可以叫我字幕 -->
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/249947.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

布尔文本搜索

select text from products where Match(# column) Against(#condition bool* IN BOOLEAN MODE); 布尔操作符     包含 必须存在 -    排除,必须不存在(即使包含其他指定的词也不返回) >    增加排序等级 <    降低排序等级 ()    把词组成子表达式 …

Linux 安装Zookeeper单机版(使用Mac远程访问)

阅读本文需要先阅读安装Zookeeper<准备> 新建目录 mkdir /usr/local/zookeeper 解压 cd zookeeper压缩包所在目录 tar -xvf zookeeper-3.4.12.tar.gz -C /usr/local/zookeeper 新建目录 mkdir /usr/local/zookeeper/zookeeper-3.4.12/data 配置文件准备 cp /usr/local/zo…

深入vue

转载于:https://www.cnblogs.com/smzd/p/8547748.html

java全栈

前端&#xff1a;HTML/HTML5、CSS/CSS3、Javascript、jQuery、RequireJS、AngularJS、Vue 后端&#xff1a;Java、Struts2/Spring MVC、JPA/Mybatis、Spring Boot 安全&#xff1a;Shiro、Spring Security 中间件&#xff1a;Dubbo、ActiveMQ/RabbitMQ、Nginx 数据库&#…

vue与webpack

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西&#xff0c;开发过程中需要改动到build和config里面一些相关的配置&#xff0c;所以刚好趁此机会将所有配置文件看一遍&#xff0c;理一理思路&#xff0c;也便于以后修改配置的时候不会“太折腾”。 Vue-webpack项…

size_t为什么重要

参考&#xff1a;https://www.zhihu.com/question/24773728/answer/66535663前言&#xff1a;使用size_t可能会提高代码的可移植性、有效性或者可读性&#xff0c;或许同时提高这三者。在标准C库中的许多函数使用的参数或者返回值都是表示的用字节表示的对象大小&#xff0c;比…

html--form表单常用操作

form表单 用于收集用户信息&#xff0c;如&#xff1a;登录、注册等场景&#xff1b;所有要提交的数据都必须放在form标签中<form action" " method" "> action&#xff1a;提交地址、动作&#xff0c;与input标签中type标签的submit属性相关联。 &…

MySQL触发器(转载)

触发器&#xff08;trigger&#xff09;是数据库中的一个很重要的、很实用的基于事件的处理器&#xff0c;在处理一些业务需求的时候&#xff0c;使用触发器会很方便。似乎在《高性能MySQL》中&#xff0c;对触发器作了一定的描述&#xff0c;也提到使用中的一些优势和局限性&a…

神级bug解决方法

真的是神级bug,util包中的Arrays类导入不了&#xff0c;一直报错。原因&#xff1a;JDK 1.8和Myeclipse 8.5不兼容&#xff0c;导致java.util.Arrays类无法被编译。所以报错。解决方法&#xff1a;1.降低jdk版本。2.升高Myeclipse版本转载于:https://www.cnblogs.com/yanlongw/…

es6注意点

补救方法&#xff1a; 详情&#xff1a;http://es6.ruanyifeng.com/#docs/array 取出文本内容 实现深拷贝 jq实现不完全深拷贝 jQuery.extend jQuery.fn.extend function () {var options, name, src, copy, copyIsArray, clone,target arguments[0] || {},i 1,length ar…

input标签用法解读

HTML5/HTML中标签用法解读 OK&#xff01;今天博主为小伙伴们介绍的内容是HTML5/HTML中标签的用法&#xff0c;&#xff0c;&#xff0c; &#xff0c;emmm图文并茂哦&#xff01; 下面正式开始内容的介绍&#xff1a;首先&#xff0c;直观上说标签规定了用户可以在其中输入数据…

SpringBoot项目遇到的一些问题

SpringBoot项目整合JPA报错转载于:https://www.cnblogs.com/xb1223/p/10195054.html

关于SpringBoot中的多数据源集成

引言 其实对于分库分表这块的场景&#xff0c;目前市场上有很多成熟的开源中间件&#xff0c;eg&#xff1a;MyCAT&#xff0c;Cobar&#xff0c;sharding-JDBC等。 本文主要是介绍基于springboot的多数据源切换&#xff0c;轻量级的一种集成方案&#xff0c;对于小型的应用可…

实现vue2.0响应式的基本思路

注意&#xff0c;这里只是实现思路的还原&#xff0c;对于里面各种细节的实现&#xff0c;比如说数组里面数据的操作的监听&#xff0c;以及对象嵌套这些细节本实例都不会涉及到&#xff0c;如果想了解更加细节的实现&#xff0c;可以通过阅读源码 observer文件夹以及instance文…

HTML标签类型及特点

一、 概述 HTML&#xff08;Hyper Text Markup Language &#xff09;作为一种标记语言&#xff0c;网页所有的内容均书写在标签内部&#xff0c;标签是组成Html页面的基本元素&#xff0c;因此对标签特性的理解在HTML的学习过程中比较重要。 二、基本分类 HTML中的标签从闭…

打开页面

*<a href"javascript:void(0)" title"google" οnclick"window.parent.addTab(, 测试, Admin/UserRole, 100000)">测试444</a>*转载于:https://www.cnblogs.com/niyl/p/10196528.html

python 大量使用json 存储数据时,格式化输出的方式

import json, pprintdic {name: 234, user_name: yan xia ting yu , list: [ds, a, 2], 你好这是键: 檐下听雨}print(dic)pprint.pprint(dic)print(json.dumps(dic))print(json.dumps(dic, indent2))# {name: 234, user_name: yan xia ting yu , list: [ds, a, 2], 你好这是键…

vue computed 源码分析

我们来看看computed的实现。最简单的一个demo如下&#xff1a; <html> <head><meta http-equiv"Content-Type" content"text/html; charsetutf-8" /> </head> <body> <div id"app"><div name"test&…

软件开发文档整理(之)一张示意图 | 清晰明了

在整个软件开发周期&#xff0c;开发文档是必不可少的资料&#xff0c;它们贯穿于整个开发周期&#xff0c;用来评估计划、规划进度、项目管理、软件测试、软件发布&#xff0c;可以说至关重要。   开发文档必须归档&#xff0c;没有归档的文档作用大打折扣&#xff0c;时效性…

java大数BinInteger

当我们遇到long不行的时候就要考虑这个BinInteger了&#xff0c;因为这是只要你内存够大&#xff0c;就能输入很大的数&#xff0c;用这个处理高精度问题&#xff0c;是很容易的一件事&#xff0c;对于我这刚学java的萌新来说&#xff0c;长见识了&#xff0c;确实比C方便 BigI…