小萌新只是想分享一下自己的心路历程，东西太lou也请不要骂的太凶，大哥们

最新推荐文章于 2024-10-11 18:25:24 发布

lisiman1025

最新推荐文章于 2024-10-11 18:25:24 发布

阅读量155

点赞数

分类专栏：前端学习之路文章标签：新手的学习之路

本文链接：https://blog.csdn.net/qq_43762233/article/details/84330345

版权

前端学习之路专栏收录该内容

1 篇文章 0 订阅

订阅专栏

学习前端的开始

<!doctype html>
<html>
<head>
 <title>第一次学习前端</title>
 <style type="text/css">
 div{width:100px;height:100px;float: left;margin-right: 50px;}
 .black{background:black;}
 .red{background:red;}
 </style>
     </head>
      <body>
	        <h1>没有标题</h1>
            <h2>也没有标题</h2>
            <p>点击图片进入百度</p>
            <a href="https://www.baidu.com" target="view-window"><br>
             <img alt="无法显示图片" src="百度图片.png">
            </a></code><br><br>
            <div class="black"></div>
            <div class="red"></div><br><br><br><br><br>
            
            <li>这是一个列表</li>
            <li>这是一个列表</li>
            <li>这是一个列表</li>
           
        </body>
</html>![效果图](https://img-blog.csdnimg.cn/20181121211513840.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzNzYyMjMz,size_16,color_FFFFFF,t_70)
主要知识点
 1. html的基本框架；
 2. 主要标签有：<h>,<p>,<li>,<a>,<img>,<div>,<style>.
 3. 利用<style>给div设定样式
 4. 有一个嵌套
这是我看了一点教程做的第一个和前端有关的东西，可能在大佬面前这个太没有技术含量，但是却极大开启了我学习web前端的兴趣；