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

最新推荐文章于 2021-06-25 14:12:08 发布

lisiman1025

最新推荐文章于 2021-06-25 14:12:08 发布

阅读量128

点赞数

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

本文链接：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前端的兴趣；

lisiman1025

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
小萌新只是想分享一下自己的心路历程，东西太lou也请不要骂的太凶，大哥们

学习前端的开始&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;第一次学习前端&lt;/title&gt; &lt;style type="text/css"&gt; div{width:100px;height:100px;float: left;margin-right: 50px;} .black{back
复制链接

扫一扫