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常用标签定义，用法及例子的更多相关文章

  1. SpringBoot入门系列（五）Thymeleaf的常用标签和用法

    前面介绍了Spring Boot 中的整合Thymeleaf .不清楚的朋友可以看看之前的文章:https://www.cnblogs.com/zhangweizhong/category/16577 ...

  2. 前端 HTML body标签相关内容 常用标签 定义列表<dl>

    定义列表<dl> 定义列表的作用非常大. <dl>英文单词:definition list,没有属性.dl的子元素只能是dt和dd. <dt>:definition ...

  3. JSP常用标签——JSTL标签和EL表达式

    一.JSTL简介 1.什么是JSTL JSTL是Java中的一个定制标记库集.(这个标记库集不需要自己编写,可以直接使用) 2.为什么要使用JSTL 实现了JSP页面中的代码复用(基于标签库原理,重复 ...

  4. MyBatis - 常用标签与动态Sql

    MyBatis常用标签 ● 定义sql语句:select.insert.delete.update ● 配置JAVA对象属性与查询结构及中列明对应的关系:resultMap ● 控制动态sql拼接:i ...

  5. HTML常用标签用法及实例

    HTML常用标签用法及实例1.<!--1.注释-->2.<!--2.DOCTPYE 声明文档类型-->3.<!--3.a--> <a href="h ...

  6. 前端 HTML 常用标签 head标签相关内容 style标签 定义内部样式表

    styple标签 <!-- 定义内部样式表 --> <style type="text/css"></style>

  7. 使用一个CSS Class去给标签定义Style

    使用一个CSS Class去给标签定义Style 类是可重用的样式,可以添加到HTML元素. 下面是一个CSS类声明的例子: <style>   .blue-text {     colo ...

  8. [Java] JSP笔记 - EL、JSTL 常用标签

    一. 什么是 EL 语言 表达式语言(EL)是 JSP 2.0 引入的一种计算和输出 Java 对象的简单语言. 二.EL 语言的作用 为了使JSP写起来更加简单.表达式语言的灵感来自于 ECMASc ...

  9. HTML-学习笔记（常用标签）

    本篇博客讲一讲HTML中的标签 HTML 标题 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的.<h1> 定义最大的标题.<h6> ...

随机推荐

  1. AWT是Java最早出现的图形界面，但很快就被Swing所取代。

    Module  11 Swing AWT是Java最早出现的图形界面,但很快就被Swing所取代. Swing才是一种真正的图形开发. AWT在不同平台所出现的界面可能有所不同:因为每个OS都有自己的 ...

  2. 入围T00ls 2018风云人物

    今天早上打开T00ls,发现成功入围了<T00ls第六届(2018)年度人物风云榜>,共34名年度人物,每个id可投10票,34选10. T00ls是当前国内为数不多的民间网络信息安全研究 ...

  3. Elasticsearch设置最大返回条数

    在Elasticsearch中如果需要做分页查询,我们通常使用form和size实现.form指定从有序哪一行开始,size表示从当前开始读取多少行.但是我们发现查询结果最大只能到10000,这是因为 ...

  4. PHP实现URL长连接转短连接方法总结

    短链接,通俗来说,就是将长的URL 网址,通过程序计算等方式,转换为简短的网址字符串. 这样的话其好处为:1.内容需要:2.用户友好:3.便于管理. 实现短网址(short URL)系统比较流行的算法 ...

  5. Oracle管理常用查询语句

    1.查看表空间的名称及大小 select t.tablespace_name, round(sum(bytes/(1024*1024)),0) ts_sizefrom dba_tablespaces ...

  6. 手写AVL 树(上)

    平衡二叉树 左旋,右旋,左右旋,右左旋 具体原理就不说了,网上教程很多.这里只实现了建树的过程,没有实现删除节点的操作. 下一篇会实现删除节点的操作. // // main.cpp // AVL // ...

  7. python-----函数参数类型

    #函数参数类型:1 位置参数 2 默认参数 3 关键字参数 4可变参数 包裹位置参数*args 包裹关键字参数 **kargs#参数位置顺序:先位置参数,默认参数,包裹位置,包裹关键字(定义和调用都应 ...

  8. SetupFactory 制作安装包

    SetupFactory9.0.3.0Trial汉化破解版+使用教程 https://download.csdn.net/download/u010188178/10652645

  9. 使用dom4j中SAXReader解析xml数据

    public ApiConfig(String configFilePath) throws DocumentException{ SAXReader reader = new SAXReader() ...

  10. 目标检测（五）YOLOv1—You Only Look Once:Unified,Real-Time Object Detection

    之前的目标检测算法大都采用proposals+classifier的做法(proposal提供位置信息,分类器提供类别信息),虽然精度很高,但是速度比较慢,也可能无法进行end-to-end训练.而该 ...