HTML标签

目录

          · div

·img

· span

· h1-h6

·i

·strong

·a

·video

· input

· textaera

· button

· div

是一个“纯粹的”容器，<div> 元素在语义上不表示任何特定类型的内容。然而，其可以将内容分组，从而可以使用class或是id属性方便的定义内容的格式，也可以在一段文档中划分标记出使用另一种语言书写的内容（使用lang 属性）等等。

·img

img标签用于加载图片，下面代码中src表示图片路径（相对路径：建议使用，代码中的相对路径需要自己添加），height,width表示图片的宽和高。

    <img src="./img/test.jpg"  height="300px" width="60%" />

在这里大家是否注意到宽和高的大小，一个使用的是PX，另一个是百分比。 详细内容请参考此链接

· span

在html中，span标签是用来组合文档中的行内元素，以便使用样式来对它们进行格式化。span标签本身并没有什么格式表现（比如：换行等），需要对它应用样式才会有视觉上的变化。

span标签通常使用来将文本的一部分或者文档的一部分独立出来，从而对独立出来的内容设置单独的样式。

<sp>happy</sp>
<sp>happy</sp>//不会跨行显示

· h1-h6

h1-h6是标题标签，会有换行的作用

<h1>一级标题heading1</h1>
<h2>二级标题heading2</h2>
<h3>三级标题heading3</h3>
<h4>四级标题heading4</h4>
<h5>五级标题heading5</h5>
<h6>六级标题heading6</h6>

·i

i标签定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。

i标签被用来表示科技术语、其他语种的成语俗语、想法、宇宙飞船的名字等等。

在没有其他适当语义的元素可以使用时，请使用i标签。

<p>He named his car <i>The lightning</i>, because it was very fast.</p>

·strong

<strong>加粗文本</strong>

·a

<a> 标签定义超链接，用于从一个页面链接到另一个页面。

<a> 元素最重要的属性是 href 属性，它指定链接的目标。

在所有浏览器中，链接的默认外观如下：

• 未被访问的链接带有下划线而且是蓝色的

• 已被访问的链接带有下划线而且是紫色的

• 活动链接带有下划线而且是红色的

提示：如果没有使用 href 属性，则不能使用 hreflang、media、rel、target 以及 type 属性。

提示：通常在当前浏览器窗口中显示被链接页面，除非规定了其他 target。

提示：请使用 CSS 来改变链接的样式。

在 HTML 4.01 中，<a> 标签既可以是超链接，也可以是锚。在 HTML5 中，<a> 标签是超链接，但是假如没有 href 属性，它仅仅是超链接的一个占位符。

HTML5 有一些新的属性，同时不再支持一些 HTML 4.01 的属性

<a href="https://www.runoob.com">访问菜鸟教程!</a>

·video

HTML <video> 元素用于在 HTML 或者 XHTML 文档中嵌入媒体播放器，用于支持文档内的视频播放。你也可以将 <video> 标签用于音频内容，但是 <audio> 元素可能在用户体验上更合适。

· input

<input> 标签规定了用户可以在其中输入数据的输入字段。

<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。

输入字段可通过多种方式改变，取决于 type 属性。

注意: <input> 元素是空的,它只包含标签属性。

提示: 你可以使用 <label> 元素来定义 <input> 元素的标注。

<form action="demo_form.php">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="提交">
</form>

· textaera

<textarea> 标签定义一个多行的文本输入控件；文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。

 <textarea rows="10" cols="30">
    我是一个文本框。
</textarea>

· button

<button> 标签定义一个按钮。在 <button> 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。

提示：请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值。

注释：如果在 HTML 表单中使用 <button> 元素，不同的浏览器可能会提交不同的按钮值。请使用 <input> 在 HTML 表单中创建按钮。

<button type="button">点我!</button>