HTML常用标签定义，用法及例子
1.HTML注释 <！--...-->
定义：使用注释可对代码进行解释，不会显示在浏览器中。
<!--这是一段呢注释。注释不会在浏览器中显示。-->
<p>段落标签没加注释会显示在页面中</p>
2. 声明 <!DOCTYPE>
定义：必须是HTML文档的第一行，声明文档类型（浏览器才能正确地呈现内容。）
3. <a>
定义：超链接，用于从一张页面链接到另一张页面。<a>链接重要的属性是href属性，用于指示链接的目标。
<html>
<body>
<a href="http://www.baidu.com">百度</a>
</body>
</html>
4.<address>
定义：可定义一个地址（比如电子邮件地址）。应当使用它来定义地址、签名或者文档的作者身份。<address>元素中文体通常呈现为斜体。
5.<article>
定义：独立的自包含内容。
<html>
<body>
<article>
<h1>.....</h1>
<p>.........</p>
<aside>...</aside>
</article>
</body>
</html>
6.<aside>
定义：通常用来描述与文档主体内容不相关的内容
7.<audio> <video>
定义：<audio >定义声音，比如音乐其他音频流.
<video> 标签定义视频，比如电影片段或其他视频流。
<body>
<audio src="lujing.opp controls="controls">controls一定要写</audio>
</body>
8.<b>
定义：粗体文本
<p>这是普通文本 - <b>这是粗体文本</b>。</p>
9.<big>
定义：呈现大号字体效果
<big></big> 标签之间的文字时，其字体比周围的文字要大一号。但是，如果文字已经是最大号字体，这个 <big> 标签将不起任何作用。
10.<br>
定义：换行符
11.<button>
定义：按钮标签 属性type
<body>
<button type="button">按钮</button>
</body>
12.<center>
定义：文本水平居中
13.<dl> <dt> <dd>
定义：定义列表中定义条目的定义部分
<body>
<h2>一个定义列表：</h2>
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器.....</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置.....</dd>
</dl>
</body>
14.<del> <ins>
定义：<del> 已删除的文本 (中间划一杠)
<ins> 插入文本 (字体下方显示下划线)
<body>
<p>如何<del>删除</del> <ins>添加</ins>文本</p>
</body>
15.<div> <p> <h1> ~ <h6>
定义：<div>定义文档中的分区和节 <p>段落标签 <h1>~<h6>标题 。<h1>定义最大标题。 <h6>定义最小标题
<body>
<div class="name">
<h1>这是一个标题<h1>
<p>这是一个段落</p>
</div>
</body>
16.<em> <span> <i> <strong>
定义：<em>文本表示为强调的内容，文本用斜体来显示。<span>行内元素 <i>斜体 <strong>粗体
17.<footer> <nav>
定义：<footer>文档或节的页脚。 <nav> 标签定义导航链接的部分。
18.<iframe>
定义：创建包含另外一个文档的内联框架（行内框架）
19.<hr> <html>
定义：<hr>创建一条水平线。 <html>可告知浏览器是一个html文档。
<html>
<body>
<h1>水平线<h1>
<hr/>
<p>...</p>
</body>
</html>
20.<img> <input> <label>
定义：<img>标签网页中链接一副图像。
<img src="../img/tupian.jpg" alt="花" />
<label> 标签为 input 元素定义标注（标记）。<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<body>
<p>请点击文本之一，就可以触发相关控件</p>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</body>
21.<ol> <ul> <li>
定义：ol有序列表。ul无序列表
<body>
<ol>
<li>苹果</li>
<li>牛奶</li>
<li>茶</li>
</ol> <ul>
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ul> </body>
22.<link> <script>
定义：<link>外部样式表 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
23.<select> <option>
定义：<select>创建单选或多选菜单。
<option>定义下拉列表中的一个选项（一个条目）。option 元素位于 select 元素内部。
浏览器将 <option> 标签中的内容作为 <select> 标签的菜单或是滚动列表中的一个元素显示。
<body>
<select>
<option value="">请选择</option>
<option value="">山西</option>
<option value="">北京</option>
<option value="">上海</option>
</select>
</body>
24.<textarea>
定义：<textarea> 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，可以通过 cols 和 rows 属性来规定 textarea 的尺寸
<body>
<textarea row=""col="">此处可输出文本，右下角可无限拉伸宽高</textarea>
</body>
① textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法： overflow: hidden;
也可以通过overflow-x:hidden和overflow-y:hidden控制横向和纵向滚动条
② 去除所有元素边框： outline：none；
③ textarea禁止拉伸： resize： none；
HTML常用标签定义，用法及例子的更多相关文章
- SpringBoot入门系列（五）Thymeleaf的常用标签和用法
前面介绍了Spring Boot 中的整合Thymeleaf .不清楚的朋友可以看看之前的文章:https://www.cnblogs.com/zhangweizhong/category/16577 ...
- 前端 HTML body标签相关内容 常用标签 定义列表<dl>
定义列表<dl> 定义列表的作用非常大. <dl>英文单词:definition list,没有属性.dl的子元素只能是dt和dd. <dt>:definition ...
- JSP常用标签——JSTL标签和EL表达式
一.JSTL简介 1.什么是JSTL JSTL是Java中的一个定制标记库集.(这个标记库集不需要自己编写,可以直接使用) 2.为什么要使用JSTL 实现了JSP页面中的代码复用(基于标签库原理,重复 ...
- MyBatis - 常用标签与动态Sql
MyBatis常用标签 ● 定义sql语句:select.insert.delete.update ● 配置JAVA对象属性与查询结构及中列明对应的关系:resultMap ● 控制动态sql拼接:i ...
- HTML常用标签用法及实例
HTML常用标签用法及实例1.<!--1.注释-->2.<!--2.DOCTPYE 声明文档类型-->3.<!--3.a--> <a href="h ...
- 前端 HTML 常用标签 head标签相关内容 style标签 定义内部样式表
styple标签 <!-- 定义内部样式表 --> <style type="text/css"></style>
- 使用一个CSS Class去给标签定义Style
使用一个CSS Class去给标签定义Style 类是可重用的样式,可以添加到HTML元素. 下面是一个CSS类声明的例子: <style> .blue-text { colo ...
- [Java] JSP笔记 - EL、JSTL 常用标签
一. 什么是 EL 语言 表达式语言(EL)是 JSP 2.0 引入的一种计算和输出 Java 对象的简单语言. 二.EL 语言的作用 为了使JSP写起来更加简单.表达式语言的灵感来自于 ECMASc ...
- HTML-学习笔记（常用标签）
本篇博客讲一讲HTML中的标签 HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的.<h1> 定义最大的标题.<h6> ...
随机推荐
- apache2.4 httpd.conf httpd-vhost.conf配置
extra / httpd-vhost.conf <VirtualHost *:81> DocumentRoot "/data/sda1_data/" ServerNa ...
- 蜕变成蝶~Linux设备驱动之字符设备驱动
一.linux系统将设备分为3类:字符设备.块设备.网络设备.使用驱动程序: 字符设备:是指只能一个字节一个字节读写的设备,不能随机读取设备内存中的某一数据,读取数据需要按照先后数据.字符设备是面向流 ...
- HTTP Status 404(The requested resource is not available)的几种解决方案
1. 未部署Web应用 2．URL输入错误 排错方法:首先,查看URL的IP地址和端口号是否书写正确.其次,查看上下文路径是否正确 Project--------Properties--- ...
- C#实现复杂XML的序列化与反序列化
已知.xml(再此命名default.xml)文件,请将其反序列化到一个实例对象. Default.XML文件如下: <?xml version="1.0" encoding ...
- nginx && apache 图片代理
location ~ /mmopen/ { proxy_set_header Host thirdwx.qlogo.cn; rewrite /(.+)$ /$ break; proxy_pass ht ...
- 谢大神给的C++和C# DES加解密代码
// CPPdesTest.cpp : 定义控制台应用程序的入口点.// #include "stdafx.h"//#include <windows.h>//#inc ...
- Material Designer的低版本兼容实现（五）—— ActivityOptionsCompat
extends:http://www.cnblogs.com/tianzhijiexian/p/4087917.html 本文是对API中的方法做了介绍,如果想要看如何让这些方法兼容4.x或2.x可以 ...
- P1002 过河卒
题目描述 棋盘上A点有一个过河卒,需要走到目标B点.卒行走的规则:可以向下.或者向右.同时在棋盘上C点有一个对方的马,该马所在的点和所有跳跃一步可达的点称为对方马的控制点.因此称之为“马拦过河卒”. ...
- 补充：MySQL经典45道题型
一. 设有一数据库,包括四个表:学生表(Student).课程表(Course).成绩表(Score)以及教师信息表(Teacher). 四个表的结构分别如表1-1的表(一)~表 ...
- ASP返回JQuery EasyUI树形要求的JSON格式
根据http://blog.csdn.net/apollokk/article/details/41382479中提供的数据将结果格式化为JQuery EasyUI树形要求的JSON格式 <% ...