HTML 标签

什么是标签

是由一对尖括号包裹的单词构成 例如: <html*所有标签中的单词不可能以数字开头.

标签不区分大小写.<html> 和 <HTML>. 推荐使用小写.

标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体.

有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/> <hr/> <input /> <img />

标签可以嵌套.但是不能交叉嵌套. <a><b></a></b>


标签属性

通常是以键值对形式出现的. 例如 name="aaron"

属性只能出现在 开始标签 或 自闭和标签中.

属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name="aaron"

如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly


标签分类

标签一般分为两种:

1. 块级标签

霸占一整行的标签。比如:<h>,<p>,<div>,<form>等

2. 行内标签

可以多个标签共同占用一行的标签。比如:<span>,<a>,<input>,<img>,<label>等

3. 块级标签特点

总是在新行上开始

宽度缺省是它的容器的100%,除非设定一个宽度

它可以容纳内联元素和其他块元素

4. 行内标签特点

和其他元素都在一行上

宽度就是它的文字或图片的宽度,不可改变

内联元素只能容纳文本或者其他内联元素


标签使用范围说明

html文件主要由<head>标签<body>标签组成。在这两个标签的标签体中能够嵌套如下标签:

<head>标签:<!DOCTYPE html>  <meta>  <title>  <link>  <style>  <script>  

其余标签都在<body>标签中嵌套


语法

<tag>内容</tag>


HTML标签示例

<p>段落标签</p>


<h2>标题标签</h2>

<b>粗体标签 </b>
<i>斜体标签</i>
<u>下划线标签</u>
注意:HTML标签始终以小写字母书写。


未封闭的HTML标签

某些HTML标签未关闭,例如br和hr。

<br>标签:br代表换行符,它折断了代码行。

<hr>标签:hr代表水平尺。此标签用于在网页上放置一行。


HTML Meta标签

DOCTYPE, title, link, meta and style


HTML文字标签

<p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <strong>, <em>, <abbr>, <acronym>, <address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, <pre>, <samp>, <var> 和 <br>


HTML链接标签

<a>和<base>


HTML图像和对象标签

<img>,<area>,<map>,<param>和<object>


HTML列表标签

<ul>,<ol>,<li>,<dl>,<dt>和<dd>


HTML表格标签

<table>,<tr>,<td>,<th>,<tbody>,<thead>,<tfoot>,<col>,<colgroup>和<caption>


HTML表单标签

<form>, <input>, <textarea>, <select>, <option>, <optgroup>, <button>, <label>, <fieldset> 和 <legend>


特殊字符

&lt; &gt;&quot;&copy;&reg;


链接: https://fly63.com/course/1_5