学习前端的阶段性总结-1

最新推荐文章于 2024-04-28 02:31:33 发布

一菜鸡

最新推荐文章于 2024-04-28 02:31:33 发布

阅读量442

点赞数

本文链接：https://blog.csdn.net/weixin_45669184/article/details/104161023

版权

学习前端也快一个月了，现在来总结一下学习到的内容和体会。

初次接触html时，首先学习了一下怎样布局一个网页。从网页的头部，内容，尾部，再去细化到每一个细节。感觉到了前端不是那么简单就能做好的事情。

学习了一段时间后，了解到了各个标签和属性，慢慢能明白了如何架构一个小细节，然后把这些小细节来拼凑在一起，组成一个好的网页。

近几天我都在学习关于css的一些属性，从最初的背景到现在的盒子模型以及浮动流等问题，用css斜体样式来美化整体的页面，使页面更加好看。

今天了解了在前端开发中，HTML，CSS与JS所扮演的角色，以前只是知道要写前端需要用到这一些语言，今天看文章的时候看到了一句很适合的形容，叫做，HTML是名词，CSS是形容词，JS为动词。HTML可以写出网页中的大致框架，需要CSS来添加样式，美化框架，JS则可以用来做一些动态效果，当然后期还有一些弹窗之类的，还有一些网站框架，这个要后面才能了解。

上面这段话是我朋友找的，我个人感觉说的很贴切，做网页就像搭房子，html是盖好房子，css装修，js来做动态效果。

下面这段代码是一个简单的网页框架的搭建。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        body{
            margin: 0;
        }
        img{
            display: block;
        }
        header{
            height: 50px;
        }
        footer{
            height: 50px;
        }
    </style>
</head>
<body>
    <header></header>
    <section>
        <img src="images\1.jpg" alt="" width="100%">
    </section>
    <section>
        <img src="images\2.jpg" alt="" width="100%">
    </section>
    <section>
        <img src="images\3.jpg" alt="" width="100%">
    </section>
    <section>
        <img src="images\4.jpg" alt="" width="100%">
    </section>
    <section>
        <img src="images\5.jpg" alt="" width="100%">
    </section>
    <footer></footer>
</body>
</html>