代码改变世界

从基础复习前端html--2.html标签下

2018-03-02 15:38  小马哥0513  阅读(205)  评论(0)    收藏  举报

昨天复习了html的22个标签,今天继续把剩下的标签复习一下。

23.<h1>to<h6>标签,定义html标题。

<h1>定义最大的标题,<h6>定义最小的标题。

24.<head>标签,定义文档的头部。

<title>标签定义文档的标题,它是<head>标签中不可缺少的标签。

25.<header>标签,定义文档的页眉(介绍信息)(H5标签)。

26.<hr>标签,定义水平线。

水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。

27.<html>标签,定义html文档。

<html> 与 </html> 标签限定了文档的开始点和结束点,在它们之间是文档的头部和主体。正如您所了解的那样,文档的头部由 <head> 标签定义,而主体由 <body> 标签定义。

28.<img>标签,定义图像。

请注意,从技术上讲,<img> 标签并不会在网页中插入图像,而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性:src 属性 和 alt 属性

代码:<img src="/i/eg_tulip.jpg" alt="上海鲜花港 - 郁金香" />

29.<input>标签,定义输入控件。

 <input>标签用于搜集用户信息。根据不同的type属性值,输入字段拥有很多种形式,输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

提示:请用label元素为某个表单控件定义便签。

type属性规定input元素的类型。

<input type="text" />定义用户可输入文本的单行输入字段。

<input type="button" />定义可点击的按钮,但没有任何行为,常用于在用户点击按钮时启动Javascript程序。

例:<input type="button" value="Click me" onclick="msg()" />

<input type="checkbox" />定义复选框,复选框允许用户在一定数目的选择中选取一个或多个选项。

例:<input type="checkbox" name="vehicle" value="bike" />I have a bike.

       <inpue type="checkbox" name="vehicle" value="car" />I have a car.

<input type="password" />定义密码字段,字符会被掩码。

<input type="radio /">定义单选按钮,选取给定数目选项中的一个选项。

checked属性规定在页面加载时应该被预先选定的input元素。checked属性与<input type="checkbox">或<input type="radio">配合使用。checked属性也可以在页面加载后,通过Javascript代码进行设置。

disabled属性规定应该禁用input元素。被禁用的input既不可用,也不可点击。可以设置disabled属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过javascript来删除disabled值,将input元素的值切换为可用。注释:disabled属性无法与<input type="hidden">一起使用。

30.<li>标签,定义列表项目。<li>便签可用在有序列表(<ol>)和无序列表(<ul>)。

31.<link>标签,定义文档与外部资源的关系。<link>最常用链接样式表。link元素是空元素,仅包含属性。只能存在于head部分,可出现多次。

例:<link rel="stylesheet" type="text/css" href="a/b.css" />

32.<meta>标签,定义关于html文档的原信息。

33.<nav>标签,定义导航链接的部分(H5标签)。

34.<ol>标签,定义有序列表。

35.<ul>标签,定义无序列表。

36.<p>标签,定义段落。

37.<script>标签,定义客户端脚本,比如javascript。script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。

38.<style>标签,定义文档的样式信息。

39.<section>标签,定义文档中的节。比如章节、页眉、页脚或文档中的其他部分(H5标签)。

40.<select>标签,定义选择列表(下拉列表)。<select>中的<option>标签用于定义列表中的可用选项。

例:<select>

             <option value="bike">bike</option>

             <option value="car">car</option>

      </select>

41.<span>标签,定义文档的节。

42.<title>标签,定义文档的标题。

43.<video>标签,定义视频(H5标签)。

<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>
查看详情