首先,学习html的过程中,我们先了解html是超文本标记语言。然后我们需要去了解它的结构和使用方式!
根据html我们需要注意的有哪些(我就拿百度来做例子):
一、在html编写的过程中,所有的标点符号都是必须在英文状态下编写
二、标记的分类
1、非对称
<标记名称 /> (这个没有设置值)
2、对称
<标记名称>内容</标记名称>
三、注释标记(这个是不会在页面中出现的,可以用来给自己提醒)
<!--注释内容-->
四、<!doctype> 声明
1、html4 版本的<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2、html5版本的<!DOCTYPE HTML> (推荐这个,因为方便好记)
五、html的大体结构
<!DOCTYPE HTML> 声明
<html>
<head></head> <!--头部-->
<body></body> <!--主体-->
</html>
六、从头部head部分开始讲起
<head>
<meta charset="utf-8"> <!--语言的编译-->
<meta name="keywods" content="关键字"> <!--用于被搜索引擎搜索-->
<meta name="description" content="描述"> <!--网站对外的描述和介绍-->
<meta http-equiv="refresh" tontent="10"> <!--页面自动刷新,表示页面十秒之后就会刷新-->
<meta http-equiv="refresh" tontent="10;url=http://www.baidu.com"> <!--页面自动刷新并跳转到新网页,并不常用-->
<link rel="shortcut icon" href="bdlogo.ico"> <!--网站的logo-->
<title>百度</title> <!--网站的标题-->
</head>
<body text="red"> (也可以<body text="#FF0000">表示)
</body> <!--网页中所有的字体为(红色)-->
<body bgcolor="pink" >
</body> <!--网页背景的颜色为(粉色)-->
(上面的也可以<body text="#FF0000">十六位进制表示)(背景图片的优先级大于背景色)
<body background="baidulogo.png" >
</body> <!--网页的背景图片途径-->
七、途径的分类
1、相对路径(参考点为当前html的位置)(图片的名称为1.jpg)
(1)、下级 (图片存在html当前位置的某一个文件夹下面)
例如fic下面: fic/1.jpg
(2)、同级 (图片就在html的当前位置)
例如: 1.jpg
(3)、上级(图片在html当前位置的上面或其他位置)
例1(在上一个文件夹里面): ../1.jpg (在上上个文件夹内)../../1.jpg
例2(在上一个文件夹的另一个文件夹里面): ../games/1.jpg
2、绝对路径(不推荐)