网页编程设计常用的各类标签

网页编程设计常用的各类标签

之前看了一些js的学习资料，完成了一个非常简单的图片库创建，一开始在运行资料中的各个示例程序时看到了几个网页编程的最基础的标签，并没有再深究，只知道它是这样用，今天上了网站开发技术，老师讲到了网页编程的一些常用的标签，在这里分享给大家，也顺便复习一下下。

• HTML
  所谓的HTML又称为超文本标记语言（Hyper Text Markup Language）,是为“网页创建和其他可在网页浏览器中看到的信息”设计的一种标记语言。被用来结构化信息，例如变体、段落和列表等，也可以在一定程度上描述文档的外观和语义。

• html标签
  简单来说，html标签的作用就是控制html文档的外观，使用时要用尖括号括起来，不同的标签决定了不同的 Web页面外观，在浏览器中标签被解释成具体的内容，如超级链接、标题、段落等。

• 标签的两种状态：起始标签和结束标签

• 典型的HTML文本的基本结构形式：

文本内容

• HTML文档结构

1.标签：HTML文档由标签和被标签的内容组成。标签的作用就是能产生所需要的各种鲜果，类似于一个排版软件，将网页的内容排成理想的效果，基本格式为：

<标签>受标签影响的内容

2.标签的属性：每一个标签都有一系列的属性，不同的属性表达不同的效果，格式为：

<标签 属性1=" 属性值1" 属性2="属性值2"...>受标签影响的内容

不同的属性之间用空格隔开。

下面我们写一个简单的网页看看效果

西南交通大学在成都

运行效果如下图所示：

• 简单表格标签

院系

院系名称
 
招生人数
 
男女比例

地球科学与环境工程学院
 
400
 
1：7
人文学院
 
500
 
2：7
建筑学院
 
350
 
5：3
信息学院
 
550
 
7：3

运行效果如下图所示：

• 标题处理
  在HTML中，用户可以通过Hn标记符来标识文档中的标题和副标题，其中n是数字1-6，分别表示不同级别的标题。使用标题样式时，必须使用结束标记符。属性align用来设置标题在页面中的对齐方式：left（左对齐）、center（居中）、rigth（右对齐）。例：

西南交通大学
学校概况
师资力量
院系
学校图片
历届毕业生就业情况

运行情况如下图所示：

注意：在一个标题行下无法使用大小不同的字体；标题格式显示在浏览器窗口内，不显示在浏览器的标题栏中。

• 注释标记符

• 强制换行标记符
  强制换行标记符为
  ,放在一行的末尾，可以使后面的文字、图片、表格等显示于下一行，并且不会在行与行之间留下空行。

• 强制换段标记符
  在html文档中，无法用多个回车、空格等来调整文档的段落格式，通常使用

  来进行强制换段操作。并且可以设置段落的格式：

文字

例：

西南交通大学位于成都市，是一个历史悠久的大学。

它有着120多年的历史

是国家211工程院校

运行效果如下图所示：

• 显示预排格式标记符
  HTML中有很多不支持的特殊控制符号，如回车或者多个空格，在浏览器中无法显示，我们可以通过

  标记符将预先排好的格式保留下来，例：

我  爱  我  的  大  学
我的大学是我梦想的摇篮！

运行效果如下图所示：

• 水平线
  在页面中插入水平线，可以使不同功能的文字分隔开，看起来美观。例：

运行效果如下图所示：

还有一部分文字处理格式，有空继续更新。未完待续~~~~
最后附上例子的完整代码：

西南交通大学

我  爱  我  的  大  学

我的大学是我梦想的摇篮！

学校概况



西南交通大学位于成都市，是一个历史悠久的大学。

它有着120多年的历史

是国家211工程院校

师资力量

院系

学校图片

历届毕业生就业情况









院系



院系名称
 
招生人数
 
男女比例



地球科学与环境工程学院
 
400
 
1：7

人文学院
 
500
 
2：7

建筑学院
 
350
 
5：3

信息学院
 
550
 
7：3