简单介绍一下HTML中一些基本结构和标签
方法/步骤
1、
HTML的基本结构:
<html>根控制标记(头)
<head> 头控制标记(头)
<title>标题</title> 标题标记
</head> 头控制标记(尾)
<body>网页显示区域(一般要实现的代码都在这里写)</body>
</html>根控制标记(尾)
(开头和结尾成对出现,双标签)
-
HTML控制标记的格式:
1.<标记名称>单一性,无设置值得。
如:<br />换行
2.<标记名称 属性=“属性值”>单一性,有设置值的。
如:<hr width="80%">水平分割线
3.<标记名称>...</标记名称>对称型,无设置值。
如:<title>...</title>
4.<标记名称 属性=“属性值>...</标记名称>对称型,有设置值。
如:<body bgcolor="red">...</body>
<p align="center">...</p>
-
HTML最常用的控制标记:
1.换行<br />无属性设置
2.段落<p align="排列方式">...</p>
属性名称align
属性值left(文本左对齐,默认)
center(文本居中对齐)
right(文本右对齐)
3.水平直线<hr>
属性名称 属性值
size 像素px/百分比%(属性值越大,线越粗)
width 像素px(绝对设置,长度不会应视窗的改变而改变)
百分比%(相对设置,长度会随着视窗宽度而改变)
noshade(实体线)
-
4.背景色与文字设置
<body bgcolor="背景色" text="文字颜色">
整体页面的边距,行距
<body leftmargin="像素px" topmargin="像素px">
5.标题文字设置
<h1>...</h1>
<h2>...</h2>
<h3>...</h3>
<h4>...</h4>
<h5>...</h5>
<h6>...</h6>(字体大小是从大到小)
属性名称align
属性值left(文本左对齐,默认)
center(文本居中对齐)
right(文本右对齐)
-
6.特殊字符设置
< 小于号<
> 大于号>
& &
" 双引号“”
空格
7.在HTML中备注符号
<!--...-->
8.实体字符控制标记
<b>...</b>粗体
<i>...</i>斜体
<s>...</s>删除线
<u>...</u>下划线
<sub>...</sub>下标(化学元素:二氧化碳等)
<sup>...</sup>上标(数学中:幂,平方等)
-
9.语意字符控制
<address>…</address> 地址
<del>…</del> 删除(删除线)
<ins>...</ins> 修改(下滑线)
<strong>…</strong> 加强语气(加粗)
<em>...</em> 加强语气(倾斜)
10.格式化
<pre>...</pre>
END
注意事项
-
实现HTML代码的软件(推荐DW,也可以用记事本直接写)
-
用记事本写保存格式尾.html 需要修改编码方式utf-8