学习记录
为了代码更规范且后期可能会用到不同样式,于是单独写css样式的文件.样式名,然后在head中用link rel=“stylesheet” href="文件名"引入,在body中用class引入样式名即可
代码
1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这是我学习html的第二天</title>
<!-- 链接到外部样式 -->
<link rel="stylesheet" href="test.css">
</head>
<body>
<a href="https://www.baidu.com">这是一个超链接,会跳到百度</a>
<p>这是文本标题,下面是一张图片</p>
<!-- 第一种图片样式-->
<!-- <img src="pictures\1.jpg" alt="海报" width="400" height="500"/> -->
<!-- 第二种图片样式-->
<!-- <img src="pictures\1.jpg" alt="海报" style="width:400px;height: 500px;"> -->
<!-- 第三种图片样式用css-->
<img src="pictures\1.jpg" alt="海报" class="picture">
</body>
</html>
test.css
.picture{
width:400px;
height: 500px;
}