您的位置：首页 > Web前端 > HTML

HTML基本结构

2016-12-02 14:19 232 查看

一、HTML基本结构

<html> —— 根控制标记

<head> ——头控制标记

<title>网页标题</title> ——标题标记

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

<body>

例如：我的第一个html网页！ ——网页显示区域

</body>

</html> —— 根控制标记（尾）

二、HTML控制标记的格式

1.<标记名称> 单一型，无属性设置值例如：<br>

2.<标记名称属性=“属性值”>   单一型，有属性设置值例如：<hr width="80%">

3.<标记名称>...</标记名称> 对称型，无设置值例如：<title>...</title> <p>...</p>

4.<标记名称属性=“属性值”>...</标记名称> 对称型，有设置值例如：<body bgcolor="red">...</body> <font size="7">...</font>

三、最常用的控制标记

1.跳行 <br> 无属性设置

2.段落 <p align="排列方式">...</p> align具有三种属性值：left center right

3.水平直线 <hr>

属性名称属性值说明

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

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

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

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

noshade 实体线

color 颜色设置水平线的颜色值

4.向中对齐 <center>...</center> （被废弃的标签）

5.背景颜色与文字设置格式：<body bgcolor="背景色" text=“文本颜色”>

整体页面的边距、行距格式：<body leftmargin="像素" topmargin=“像素”>

6.标题文字设置

格式：属性名称属性值说明

<h1>...</h1> align left 靠左

<h2>...</h2> center 居中

<h3>...</h3> right 靠右

<h4>...</h4>

<h5>...</h5>

<h6>...</h6>

7.特殊字符设置（使用时在前面加上&）

（1）< lt;

（2）> gt;

（3）& amp;

（4）" quot

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）<small>...</small> 小字

（6）<strong>...</strong> 加强语气（加粗）

（7）<em>...</em> 加强语气（倾斜）

11.font字体控制（被废弃的标签）

格式：<font>...</font>

属性名称属性值说明

size 0-7 字体大小（最大是7）

color 英文或十六进制颜色（使用16进制时要用6位，只有CSS才能用3位）

face 字体字体

12.格式化（通常用于代码的编写，保持代码整齐）

格式：<pre>...</pre>

让书写的文字格式化！

13.引用文本（两边缩进）

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

属性名称属性值说明

cite url 被引用的地址

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航