从0开始的小白,学习之路,每天的总结第一天

  第一天,第一次,接触前端的学习,之前什么都不知道,接下来写一下今天一整天的学习知识点的自己的一个理解,首先是两种框架,cs架构和bs架构,cs架构好比QQ这一类,没有跨平台性,客户端发消息,服务器返回消息,而bs则像淘宝,具备跨平台性,客户端发送消息,服务端返回响应。知道了W3C 组织,了解了前端结构组成,HTml定义网页结构,css描述样子,javascript定义行为。我使用的是webstorm编辑器,肯定是30天免费先蹭一下,节约一点。

  接下来就是学习到的代码以及软件和写过程中的各种知识点咯。首先学到了一个快捷键,crtl+/可以快速注释,然后接触到了第一个代码div(块级元素),和span(行内元素),前者独占一行,可设置宽高,后者并列展现,不可设置宽高。然后就是<img src=" "  alt="  ">的使用,src=图片路径,alt=无法显示后出现的代替文字描述,以及两个快捷键的使用:crtl+d=快速复制,Tab=快捷建立标签,<a href=‘’ ‘’   ></a>是超链接的代码,如果需要在新的页面打开,则可以加入target=" _blank",这个软件很方便,全部快捷键,Tab一按,后面就是疯狂空格很舒服。然后就是几个普通标签的认识,h1和p标签,以及回车换行符</br>,然后学习到了相对路径和绝对路径的差别,相对路径方便修改,绝对路径反之。

  在html中,首先最需要写的就是 UTF-8(万国码),有了它妈妈再也不用担心出现乱码了,设置方式呢就是<meta charset="UTF-8 ">,要写在head中哦,然后就是ul(列表标签)内放li(列表项),ol(有序标签),取消他们之前的圆点的方式呢就是写list-style:none。接下里就是表格标签的使用,Tab+table建立表格,tr则是表格行,th是表头单元格,td是表中数据单元,例子呢就是<table boder=" 1" width= " 数字",height=“数字“”>,其中boder呢就是他的边框啦,width是宽度,height是高度,如果想使表格内的内容居中,那么就用这个—<tr align="center">。然后就是表单标签,

  文本框是<lable  for=" "></lable>,<input type="text" value="  "  name="  " >,value表示值,添加id=“”可以在点击显示值的时候跳转到输入框内。  

  密码框是<input type="password"/>,然后添加placeholder=“请输入xx”,则可以让框内显示提示语。

  单选按钮是<input type="radio" name=" ">

  复选框是<input type="checkbox" name=" ">

   下拉列表则是<select name=" " id=" ">

                                  <option value="">--请选择--</option>

                                  <option value=" "></option>

         </select>

            多行文本框则是 <textarea  cols= '' ''  rows='' '' ></textarea>,其中cols表示列,rows表示行

            按钮分3钟 1:普通按钮<input type="button" value=" "/>

                              2:提交按钮<input type=" submit"/>

                              3:重置按钮<input type="reset"/>

  当然,在写任何一个表单标签之前都得写上lable标签,在lable标签之前得写上div标签,在div标签之前得写上最重要的,整合表单标签 <form action="后台地址“ method="GET">,然后就是lable中的for属性是指向input等表单中的元素的,for属性值与input中id属性一致

猜你喜欢

转载自www.cnblogs.com/zcc1049949708/p/12459117.html