1.HTML是?
Hypertext Markup Language即超文本标记语言,是构成网页文档的主要语言。
2.HTML的结构!
<!DOCTYPE html> <!--文档声明-->
<html lang="en"> <!--HTML文档开始-->
<head> <!--head标签存放文档的基本信息,不可见内容-->
<meta charset="UTF-8"> <!--声明字符编码-->
<title>标题</title> <!--声明文档标题-->
</head> <!--结束标签-->
<body> <!--存放文档的可见内容(图片,文本表单等)-->
</body> <!--body结束标签-->
</html> <!--文档结束-->
3.HTML基本元素
元素=开始标记+内容+结束标记
<h>元素:分为<h1><h2><h3><h4><h5><h6>,标记标题,从1至6字体大小依次减小,自动换行。
<p>元素:标记段落,自动换行。
<img>元素:引入图像。格式为<img src="相对路径/绝对路径">
<a>元素:加入超链接,格式为<a href="http://www.xxxxx.com">链接</a>
<q>元素:为内容加上双引号,适用于较短的内容。
<blockquote>元素:为内容加上双引号,应用于引用一段话,自动换行。
<br>元素:该元素的作用是换行。
<ol>元素:作用是创建一个有序列表。
<ul>元素:作用是创建一个无序列表。
<li>元素:列表的每一行都需要使用<li>元素。
4.使用style元素指定样式
引入内部样式表的格式
<head>
<title><title>
<style type="text/css">
</style>
</head>
<html>
<head>
<title><title>
<style type="text/css">
body{
background-color:#d2b48c; <!--设置背景颜色为土黄色-->
margin-left:20%; <!--设置左右边距为页面的20%-->
margin-right:20%;
border:2px dotted black; <!--定义边框为黑色虚线-->
padding:10px 10px 10px 10px; <!--页面主题周围创建一些内边距-->
front-family:sans-serif; <!--定义为本使用的字体-->
}
</style>
</head>
<body>
(我是代码biu----)
</body>
</html>
5.相对路径、绝对路径
返回父级目录使用../加文件名
进入子目录使用目录名/加文件名
相对路径是从该文档到目标文件的路径,绝对路径是从根文件夹到达目标文件的路径。