前端学习(2018.3.3)

   今天是周六,学校没有课,本来打算上午学习就将4,5章学完的,后来发现太高估自己的能力,硬是拖到了下午才学完,导致原定的看书时间就不太够了,但是既然是学习,就要认真学习,还是细致的过一遍比较好。本来学完没有什么感觉,翻到慕课网中的同学代码后,发现我也可以向他学习,将自己学习的内容通过网页的形式做一个小小的总结。在做网页的过程中还是遇到了一些不理解的问题,通过后面的学习应该都会遇到,我认为这是一个很好的方法给自己加深理解,可以学以致用,不至于忘得那么快,下面就是我的第一个网页了。
<!DOCTYPE HTML>
<html>
    <head>
        <title>个人主页</title>
    </head>
    <body>
        <h1>个人主页</h1>
        <hr />
        <h2>自我介绍</h2>
        <p>  我来自湖北黄冈,今年20岁,目前就读于湖北某一本院校<a href="https://baike.baidu.com/item/%E4%BF%A1%E6%81%AF%E4%B8%8E%E8%AE%A1%E7%AE%97%E7%A7%91%E5%AD%A6/353978?fr=aladdin&fromid=2624980&fromtitle=%E4%BF%A1%E6%81%AF%E4%B8%8E%E8%AE%A1%E7%AE%97%E7%A7%91%E5%AD%A6%E4%B8%93%E4%B8%9A" title="专业简介" target="_blank">信息与计算科学专业</a>   ,作为一个大三的学生,是时候为将来做打算了,身边很多人都选择了考研,确实我们这个专业也比较适合考研,但是我个人不想考研,所以准备自己学习前端知识,前几天发现了慕课网这么好的平台,由于正在学习当中,可能网页做得不好看,但毕竟是在慢慢练习,希望能在这个平台上与和我一样正在学习前端的人做朋友,欢迎大家互相交流!</p>
        
        <h2>小调查</h2>
        <ol>
            <li>以后想去哪个城市?(单选)</li>
            <form method="post" action="file.php" >
                <input type="radio" value="北京" name="gender">北京
                <input type="radio" value="上海" name="gender">上海
                <input type="radio" value="深圳" name="gender">深圳
                <input type="radio" value="不确定" name="gender">不确定
            </form>
                
            <li>推荐用什么工具编代码?</li>
            <form method="post" action="file.php">
                <textarea rows="1" cols="50" placeholder="请输入..."></textarea>
            </form>
            
            <li>您的年龄在哪个阶段?(可下划)</li>
                <select>
                <option value="未成年">未成年</option>
                <option value="20左右">20左右</option>
                <option value="30左右">30左右</option>
                <option value="40左右">40左右</option>
                </select>
            
            <li>为什么想学习前端知识?(可多选)</li>
            <form method="post" action="file.php">
                <label for="1">感兴趣</label>
                <input type="checkbox" vaule="感兴趣" name="1" id="1"><br />
                <label for="2">有前途</label>
                <input type="checkbox" vaule="有前途" name="2" id="2"><br />
                <label for="3">在学校学过</label>
                <input type="checkbox" vaule="在学校学过" name="3" id="3"><br />
                <label for="4">被别人安利</label>
                <input type="checkbox" vaule="被别人安利" name="4" id="4"><br />
                <label for="5">其他原因</label>
                <input type="checkbox" vaule="其他原因" name="5" id="5">
            </form>
            
        </ol>
        
        
        
    </body>
</html>

  由于保存不当,遗落了一部分,但是毕竟是我第一次做的网页,不好看也要留着,通过慢慢学习,我越来越觉得前端有意思了,希望后面的时间我能坚持下去,加油!

还有就是我发现的一些不太懂的问题有:

1.为什么有的标签后面加<br />可以产生转行的效果,比如<form>,<p>,但是有的标签却不行,如<select>

2.<div>标签要怎么好好运用,感觉功能很强大,但是现在又用不上

3.什么标签可以包含哪些标签

4.有的时候明明报错了,但是还可以运行

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值