您的位置：首页 > 博客中心 > 前端开发 >

HTML基本结构

时间：2022-04-11 14:45

2.1 HTML的基本结构

<html> -------根控制标记

<head> -------头控制标记

<title>标题</title> -------标题标记

</head> -------头控制标记（尾）

<body>

-------网页显示区域

</body>

</html> -------根控制标记(尾)

(1).<html>…</html>根控制标记

开头和结尾成对出现，双标签

(2).<head>…</head>头控制标记

1.<title>很单纯的文件标题声明

2.<meta>控制标记的动态文件转换声明

3.<base>超链接网址基准参考点

4.Javascript和VBScript程序

5.stylesheet 可用来设置排版来的声明

6.<link>可引用外部文件，如CSS排版样本

(3).<title>…</title>设置浏览器的视窗标题

(4).<body>…</body>页面可见内容

2.2 HTML控制标记的格式

(1).<标记名称>

单一型,无设置值的。

如：<br>

(2).<标记名称属性="属性值">

单一型，有设置值的。

如：<hr width="80%">

(3).<标记名称>…</标记名称>

对称型，无设置值。

如：<title>…</title>

(4).<标记名称属性="属性值">…</标记名称>

对称型，有设置值。

如：<body bgcolor="red">…</body>

2.3 最常用的控制标记

(1).跳行 <br>

格式：<br>

无属性设置

(2).段落 <p>

格式：<p align="排列方式">…</p>

属性名称属性值说明

align left 往左靠（默认）

center 往中靠

right 往右靠

(3).水平直线 <hr>

格式：<hr>

属性名称属性值说明

size 像素绝对设置，以数字表示，属性值越大，线越粗

百分比相对设置，以%表示，属性值越大，线越粗

width 像素绝对设置，长度不会应视窗的改变而改变

百分比相对设置，长度会随着视窗宽度而改变

noshade 实体线

(4).向中对齐 <center> (被废弃的标签)

格式：<center>…</center>

(5).背景色与文字设置

格式：

整体页面的边距，行距:

(6).标题文字设置

格式：<h1>…</h1>

属性名称属性值说明

align left 靠左

center 靠中

right 靠右

(7).特殊字符设置

格式：< lt;

> gt;

& amp;

" quot;

要结合&一起用，例如：&lt代表<,&amp代表&

(8).在HTML备注

格式：

(9).实体字符控制标记

1.<b>…</b> 粗

2.<i>…</i> 斜

3.<s>…</s> 删

4.<u>…</u> 下划

5.<tt>…</tt> 电报

6.<sub>…</sub> 下标

7.<sup>…</sup> 上标

(10).语意字符控制

1.<address>…</address> 地址

2.<big>…</big> 大字

3.<del>…</del> 删除

4.<ins>...</ins> 修改

5.<samll>…</small> 小字

6.<strong>…</strong> 加强语气(加粗)

7.<em>...</em> 加强语气(倾斜)

(11).<font>字体控制 (被废弃的标签)

格式：<font>…</font>

属性名称属性值说明

size 0-7 字体大小

color 英文或十六颜色

face 字体字体

(12).格式化

格式：<pre>…</pre>

让书写的文字格式化！

(13).引用文本

格式：<blockquote>...</blockquote>

属性名称属性值说明

cite url 被引用的地址

电脑软件

本类排行

今日推荐

动漫风相册正式版

版本：v1.1.2

大小：6.41MB

日期：2024-05-20
泡福相机官方版

版本：v1.0.0

大小：98.71MB

日期：2024-05-20
漫漫侠官方版

版本：v2.4.0

大小：12.28MB

日期：2024-05-20
照片全能王正式版

版本：v1.0.0

大小：32.7MB

日期：2024-05-20
密悟手机证件照官方版

版本：v1.0.1

大小：34.08MB

日期：2024-05-20
未来免费听小说安卓版

版本：v1.2

大小：15.6M

日期：2024-05-20

HTML基本结构

相关推荐

电脑软件

本类排行

今日推荐

热门手游