【学习记录】html5+css3-CSDN博客

本文链接：https://blog.csdn.net/adaada2046/article/details/110339339

2020 12 01

了解dreamweaver

1.下载dreamweaver
2.建立站点(dreamweaver)
点击上方站点，点击新建站点，找到一个要设置为站点的文件夹。
3.保存按ctrl s 键
4.查看站点f12

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>初学者练习</title>
</head>
<body>
   <h1>欢迎来到我们的站点</h1>
   <h2>欢迎来到我们的站点</h2>
   <h3>欢迎来到我们的站点</h3>
   <p>这是段落<br>上面被空行了</p>
   <p>这是段落<b>这里加粗</b></p>
   <p>这是段落<i>这里斜体</i></p>
   <p>这是段落<ins>这里下划线</ins></p>
   <p>这是段落<strong>这里强调</strong><p>
   <p>这是段落<sup>这里上标</up></p>
   <p>这是段落<sub>这里是下标</sub></p>
   <p>这是段落<del>这里划线</del></p>
   <pre>
        这
        里
        保
        留
        了
        <del>格</del>
        式
           </pre>
        
        
        
        
</body>
</html>

在这里插入图片描述
2020 12 02

a,meta与img标签，及包含属性

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>图片学习</title>
</head>
<body>
<a id="top">a</a>
<a href="http://www.baidu.com" target="_blank">baidu</a>
<img src="imgs/ooo.jpg" alt="表情包" title="图片解释">
<a href="#top">回到顶部</a>
</body>
</html>

2020 12 03

认识盒子模型，建立外部css, 连接外部css

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>css学习</title>
<style type="text/css">
 h1{width:100px;height:100px;
 }
</head>
<body>

</body>
</html>

2020 12 04
续上标题

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>css使用和链接</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<style>
h2{border:1px solid #ccc;
   width: 200px;
   height:100px;
   color:pink;
}
</style>
</head>
<body>
<!--嵌入样式-->
<h1 style="color:red">这是一个标题</h1>
<h2>这是第二个标题</h2>
<p>这是段落</p>
</body>
</html>

这是index.html文件，下面是style.css文件

p{border:1px solid #css;
  width: 200px;
  height:100px;
  color:red;
}

Q：为什么上面index.h文件链接css文件是用href标签，而关联img图片是用src？