初识HTML************

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.相对路径、绝对路径

返回父级目录使用../加文件名

进入子目录使用目录名/加文件名

相对路径是从该文档到目标文件的路径,绝对路径是从根文件夹到达目标文件的路径。

                                   欲知后事如何,请见下周分解。


猜你喜欢

转载自blog.csdn.net/qq_42469247/article/details/80716886