2.2.2 HTML标签简介

HTML(HyperText Mark-up Language)是由HTML标签嵌套和组合的描述性文本,HTML标签可以描述文本(p,div等)、表格(table)、图片(image)、音频(audio)、视频(video)、链接(a)等种类繁多内容。HTML文件由头部(head)和主体(body)构成部分,头部用于制定标题及引用了那些js/CSS文件,主体用于描述具体呈现内容,如下例CH2Tags.html:

1. <!doctype html>
2. <html lang="en">
3.  <head>
4.  <meta charset="UTF-8">
5.  <title>CH2: Tags Demo </title>
6.  <script src="VisualizeLib.js"></script>
7.  <script type="text/javascript"src="CH2Contour.js"></script>
8.  </head>
9.  <body>
10.  <div style="position:absolute; top: 50px; left: 50px;">
11.  <canvas id="canvasOne"width="600"height="400">
12.           Yourbrowser does not support HTML 5 Canvas. 
13.  </canvas>
14.  </div>
15.  </body>
16. </html>

文件CH2Tags.html中声明了标题:“CH2: Tags Demo”,指定引用VisualizeLib.js和CH2Contour.js两个js文档,类似于C/C++包含头文件;主体里包含了标签div,而div里面嵌套了一个canvas标签,而且给出该canvas的id为canvasOne,宽度为600,高度为400。

  • 百度百科列出的html标签有:

标签

描述

<!--...-->

定义注释。

<!DOCTYPE>

定义文档类型。

<a>

定义锚。

<abbr>

定义缩写。

<acronym>

定义只取首字母的缩写。

<address>

定义文档作者或拥有者的联系信息。

<applet>

不赞成使用。定义嵌入的 applet。

<area>

定义图像映射内部的区域。

<article>

定义文章。

<aside>

定义页面内容之外的内容。

<audio>

定义声音内容。

<b>

定义粗体字。

<base>

定义页面中所有链接的默认地址或默认目标。

<basefont>

不赞成使用。定义页面中文本的默认字体、颜色或尺寸。

<bdi>

定义文本的文本方向,使其脱离其周围文本的方向设置。

<bdo>

定义文字方向。

<big>

定义大号文本。

<blockquote>

定义长的引用。

<body>

定义文档的主体。

<br>

定义简单的折行。

<button>

定义按钮 (push button)。

<canvas>

定义图形。

<caption>

定义表格标题。

<center>

不赞成使用。定义居中文本。

<cite>

定义引用(citation)。

<code>

定义计算机代码文本。

<col>

定义表格中一个或多个列的属性值。

<colgroup>

定义表格中供格式化的列组。

<command>

定义命令按钮。

<datalist>

定义下拉列表。

<dd>

定义定义列表中项目的描述。

<del>

定义被删除文本。

<details>

定义元素的细节。

<dir>

不赞成使用。定义目录列表。

<div>

定义文档中的节。

<dfn>

定义定义项目。

<dialog>

定义对话框或窗口。

<dl>

定义定义列表。

<dt>

定义定义列表中的项目。

<em>

定义强调文本。

<embed>

定义外部交互内容或插件。

<fieldset>

定义围绕表单中元素的边框。

<figcaption>

定义 figure 元素的标题。

<figure>

定义媒介内容的分组,以及它们的标题。

<font>

不赞成使用。定义文字的字体、尺寸和颜色。

<footer>

定义 section 或 page 的页脚。

<form>

定义供用户输入的 HTML 表单。

<frame>

定义框架集的窗口或框架。

<frameset>

定义框架集。

<h1> to <h6>

定义 HTML 标题。

<head>

定义关于文档的信息。

<header>

定义 section 或 page 的页眉。

<hr>

定义水平线。

<html>

定义 HTML 文档。

<i>

定义斜体字。

<iframe>

定义内联框架。

<img>

定义图像。

<input>

定义输入控件。

<ins>

定义被插入文本。

<isindex>

不赞成使用。定义与文档相关的可搜索索引。

<kbd>

定义键盘文本。

<keygen>

定义生成密钥。

<label>

定义 input 元素的标注。

<legend>

定义 fieldset 元素的标题。

<li>

定义列表的项目。

<link>

定义文档与外部资源的关系。

<map>

定义图像映射。

<mark>

定义有记号的文本。

<menu>

定义菜单列表。

<meta>

定义关于 HTML 文档的元信息。

<meter>

定义预定义范围内的度量。

<nav>

定义导航链接。

<noframes>

定义针对不支持框架的用户的替代内容。

<noscript>

定义针对不支持客户端脚本的用户的替代内容。

<object>

定义内嵌对象。

<ol>

定义有序列表。

<optgroup>

定义选择列表中相关选项的组合。

<option>

定义选择列表中的选项。

<output>

定义输出的一些类型。

<p>

定义段落。

<param>

定义对象的参数。

<pre>

定义预格式文本。

<progress>

定义任何类型的任务的进度。

<q>

定义短的引用。

<rp>

定义若浏览器不支持 ruby 元素显示的内容。

<rt>

定义 ruby 注释的解释。

<ruby>

定义 ruby 注释。

<s>

定义加删除线的文本。

<samp>

定义计算机代码样本。

<script>

定义客户端脚本。

<section>

定义 section。

<select>

定义选择列表(下拉列表)。

<small>

定义小号文本。

<source>

定义媒介源。

<span>

定义文档中的节。

<strike>

不赞成使用。定义加删除线文本。

<strong>

定义强调文本。

<style>

定义文档的样式信息。

<sub>

定义下标文本。

<summary>

为 <details> 元素定义可见的标题。

<sup>

定义上标文本。

<table>

定义表格。

<tbody>

定义表格中的主体内容。

<td>

定义表格中的单元。

<textarea>

定义多行的文本输入控件。

<tfoot>

定义表格中的表注内容(脚注)。

<th>

定义表格中的表头单元格。

<thead>

定义表格中的表头内容。

<time>

定义日期/时间。

<title>

定义文档的标题。

<tr>

定义表格中的行。

<track>

定义用在媒体播放器中的文本轨道。

<tt>

定义打字机文本。

<u>

定义下划线文本。

<ul>

定义无序列表。

<var>

定义文本的变量部分。

<video>

定义视频。

<wbr>

定义视频。

<xmp>

定义预格式文本。

  • 推荐大家通过网站学习html标签:http://www.w3school.com.cn/tags/tag_html.asp
  • 本课程掌握标签p,div,h1,h2,h3,img,表格等就足够了:

1. h1,h2,h3分别表示一级、二级、三级标题;

2. p和div都可以表示段落,但div功能非常强大;

3. img表示图片,在下面的例子中,我们在页面中插入一幅照片:

<img src="/i/eg_tulip.jpg"  alt="文字说明" />

(img内容摘抄自:http://www.w3school.com.cn/tags/tag_img.asp)

4 表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

在浏览器显示如下:

row 1, cell 1

row 1, cell 2

row 2, cell 1

row 2, cell 2

(表格内容摘抄自:http://www.w3school.com.cn/tags/tag_table.asp)

原文发布于微信公众号 - 传输过程数值模拟学习笔记(SongSimStudio)

原文发表时间:2018-07-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏angularejs学习篇

JQuery中的动画

  这两种方法是jQuery动画的最基本方法。当为元素调用show方法时相当于将该元素的display样式改为block或者inline,同理,如果当元素调用h...

793
来自专栏Golang语言社区

go语言实现文件分割的方法

import ( // "bufio" "flag" "fmt" "io" "os" ) import "strconv" var infile *s...

3.1K7
来自专栏大数据钻研

HTML5新增及移除的元素

HTML经过10多年的发展,其元素经历了废弃与不断重新定义的过程。为了更好的处理现在的互联网应用,HTML5新增了图形绘制、多媒体播放、页面结构、应用程序存储、...

2888
来自专栏deepcc

css实现强制不换行/自动换行/强制换行

4298
来自专栏闻道于事

CSS样式表基础

层叠样式表:Cascading Style Sheets,是一种用来表现HTML等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态...

2625
来自专栏Golang语言社区

怎么设置 http 请求 并发 连接数 限制

问: 我需要不停的get一个url 但是 不管 我开启 20 个 还是 100个 goroutine 进行 http.Get 最终都是 每秒能请求10次左右 能...

4467
来自专栏新工科课程建设探讨——以能源与动力工程专业为例

2.2.2 HTML标签简介

HTML(HyperText Mark-up Language)是由HTML标签嵌套和组合的描述性文本,HTML标签可以描述文本(p,div等)、表格(tabl...

1242
来自专栏菩提树下的杨过

css2.1中的属性选择器(css高手请绕道)

早上看了司徒先生的js版属性选择器(http://www.cnblogs.com/rubylouvre/archive/2009/10/27/1590102.h...

19510
来自专栏HTML5学堂

jQuery中prop和attr的区别

HTML5学堂:本文介绍了prop和attr的区别。jQuery中有这么两个东西 —— attr()与prop(),很多开发者在使用时,经常容易混淆,今天HTM...

3849
来自专栏阮一峰的网络日志

jQuery设计思想

jQuery是目前使用最广泛的javascript函数库。 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库。微软公司甚至把jQue...

5426

扫码关注云+社区

领取腾讯云代金券