html基础
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html基础相关的知识，希望对你有一定的参考价值。
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>页面可见内容
HTML 控制标记的格式
(1).<标记名称>
单一型,无设置值的。
如：<br>
(2).<标记名称 属性=”属性值”>单一型，有设置值的。
如：<hr width=”80%”>
(3).<标记名称>…</标记名称>
对称型，无设置值。
如：<title>…</title>
(4).<标记名称 属性=”属性值”>…</标记名称>对称型，有设置值。
如：<body bgcolor=”red”>…</body> <font size= ”7”>…</font>
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).背景色与文字设置格式：<body bgcolor=”背景色” text=”文字颜色”>
整体页面的边距，行距
<body leftmargin=”像素” topmargin=”像素”>
|
(6).标题文字设置 |
|
|
|
格式：<h1>…</h1> |
|
|
|
<h2>…</h2> |
|
|
|
<h3>…</h3> |
|
|
|
<h4>…</h4> |
|
|
|
<h5>…</h5> |
|
|
|
<h6>…</h6> |
|
|
|
属性名称 |
属性值 |
说明 |
|
align |
left |
靠左 |
|
|
center |
靠中 |
|
|
right |
靠右 |
|
(7).特殊字符设置 |
|
|
|
格式：< |
lt; |
|
|
> |
gt; |
|
|
& |
amp; |
|
“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.<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 |
被引用的地址 |
以上是关于html基础的主要内容，如果未能解决你的问题，请参考以下文章