博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
补习前端(css+html)基础-1:
阅读量:5890 次
发布时间:2019-06-19

本文共 1840 字,大约阅读时间需要 6 分钟。

1.HTML <fieldset> 标签:

  • 实例

组合表单中的相关元素:

<form>

<fieldset>

health informationheight: weight: 

</fieldset>

</form>

  • 定义和用法

fieldset 元素可将表单内的相关元素分组。<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为 fieldset 元素定义标题。

clipboard.png

  • 属性:

clipboard.png

例子:

clipboard.png

clipboard.png

2.HTML <ol> 标签

  • 定义和用法:

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

  • 属性:

clipboard.png

  • 例子:

reserved :

clipboard.png

start :

clipboard.png

type :

clipboard.png

clipboard.png

3.dl标签

  • 实例:

clipboard.png

  • 定义和用法:

clipboard.png

4.html中的menu标签

  • 属性:

clipboard.png

  • 例子:

clipboard.png

5.html中的dir标签:

  • 定义和用法

<dir> 标签定义目录列表。

  • 例子:

clipboard.png

6.HTML 标签

  • 定义和用法

标签修饰的内容都是用斜体字来显示, 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。

7.HTML 标签

  • 定义和用法

标签规定粗体文本。

  • 提示和注释

注释:根据 HTML5 规范,在没有其他合适标签更合适时,才应该把 标签作为最后的选项。HTML5 规范声明:应该使用 <h1> - <h6> 来表示标题,使用 标签来表示强调的文本,应该使用 标签来表示重要文本,应该使用 <mark> 标签来表示标注的/突出显示的文本。

  • 实例

<p>这是普通文本 - 这是粗体文本。</p>

clipboard.png

8.html中的label标签

  • 例子

clipboard.png

  • 定义和用法

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。

9.html中的标签

  • 例子:

clipboard.png

  • 定义和用法

<col> 标签为表格中一个或多个列定义属性值。

如需对全部列应用样式,<col> 标签很有用,这样就不需要对各个单元和各行重复应用样式了。您只能在 table 或 colgroup 元素中使用 <col> 标签。

10.HTML <caption> 标签

  • 定义和用法:

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

  • 可选的属性:

clipboard.png

  • 例子:

clipboard.png

11.HTML <link> 标签

  • 定义和用法

<link> 标签定义文档与外部资源的关系。

<link> 标签最常见的用途是链接样式表。

  • 提示和注释:

注释:link 元素是空元素,它仅包含属性。

注释:此元素只能存在于 head 部分,不过它可出现任何次数。

  • 属性(rel 属性规定当前文档与被链接文档之间的关系。)

clipboard.png

rel属性值:

clipboard.png

12.HTML <optgroup> 标签

  • 例子:

clipboard.png

  • 定义和用法:

<optgroup> 标签定义选项组。

optgroup 元素用于组合选项。当您使用一个长的选项列表时,对相关的选项进行组合会使处理更加容易。

13.HTML <tbody> 标签

  • 例子:

clipboard.png

实验结果:
clipboard.png

  • 定义和用法

<tbody> 标签表格主体(正文)。该标签用于组合 HTML 表格的主体内容。

tbody 元素应该与 thead 和 tfoot 元素结合起来使用。
thead 元素用于对 HTML 表格中的表头内容进行分组,而 tfoot 元素用于对 HTML 表格中的表注(页脚)内容进行分组。
注释:如果您使用 thead、tfoot 以及 tbody 元素,您就必须使用全部的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就可以在收到所有数据前呈现页脚了。您必须在 table 元素内部使用这些标签。
提示:在默认情况下这些元素不会影响到表格的布局。不过,您可以使用 CSS 使这些元素改变表格的外观。

14.html <ins>标签:

  • 例子:

clipboard.png

  • 可选的属性:

clipboard.png

转载地址:http://zmfsx.baihongyu.com/

你可能感兴趣的文章
python模块--os模块
查看>>
HSSFRow获取单元格方法与区别
查看>>
删除UINavigationItem上的BarButtonItem
查看>>
数据分析相关模块
查看>>
Python数据结构1-----基本数据结构和collections系列
查看>>
SQL Denali-FileTable
查看>>
C# 图像处理:复制屏幕到内存中,拷屏操作
查看>>
PHP微信支付流程
查看>>
linux下单节点oracle数据库间ogg搭建
查看>>
swift三方库
查看>>
杭州之行
查看>>
策略模式简介
查看>>
UIViewController中loadView的用法(应当注意的几点)
查看>>
POJ NOI0105-42 画矩形
查看>>
Java 数组在内存中的结构
查看>>
《关爱码农成长计划》第一期报告
查看>>
entity framework 6 通用数据类
查看>>
读取FTP上的excel文件,并写入数据库
查看>>
vs2008快捷键极其技巧 转载
查看>>
window 7上安装Visual Studio 2017失败的解决方法
查看>>