目录
· 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>