南大软院大神养成计划——第二天

原创 2015年11月18日 00:25:51

第二份博客 新鲜出炉 没有大能量 写给自己看



第二天战况 进度还是微慢 鲁迅大大说过 时间就像海绵里的水喽 看来我要大力去挤挤挤


闲话少叙 直接上 今天的 笔记吧~~

超链接 这就是灰常重要的部分了

语法实现:

<a href="目标网址" title="鼠标滑过时显示的文字">链接显示的文本(就是在此文本添加超链接)</a>(不要忘了我哦)

那么我们点击了他之后会发现 原窗口变成了新网页 但是我们不想原来的网页不见 所以这时候就需要新开辟窗口

辣么 我们就可以像<a href="目标网址" target="_blank">这样实现就可以在新窗口打开了

有的时候我们希望可以有个链接能够给特定的邮箱发送邮件  那么 如何解决呢

mailto 指令 就可以帮到你了辣么如何实现呢?

可以 像这样


其中:


?(宝宝是问号哦)第一个命令&第二个&第三个……


下面 是时候为你的网页 添加一张美腻的图片了

语法实现:

<img src="图片地址" alt="制定图像的描述性文本,图像不可见时,可看到该文本" title="提供在图像可见时对图像的描述(滑鼠过图片的时候显示的文本)">

!!!!图像要使用gif,png,jpeg扩展名的哦!!!!


可是当我需要用户登录账号 输入密码的时候肿么设计呢?

First: 你需要一个表单

表单 可以吧浏览者输入的数据传送到服务器端,服务器端程序可以处理表单传过来的数据。

语法实现:<form  method="传送方式" action="服务器文件">

表单控件(可以通过其实现对表单的修改 百度到的)

</form>

!!!method:post/get 属于后端  简单来说 post 是向服务器上传 而 get 是从服务器下载!!!


那我们是不是要把表单填充一下嘞


文本输入框(字母+数字)and 密码输入框

此两种可以相互转化

语法实现:

<form>
  <input type="text/password" name="名称" value="文本" /(类似于<br/>空语句的体现 不需要后续的</bulabula>)>
</form>

type="text" 输入框为文本输入框
type="password"输入框为密码输入框

name:用来为文本框命名,以备后台程序:ASP、PHP(后端语言~~不再赘述)使用

value:为文本输入框设置默认值 一般起到提示作用。。。(就是我们在输入是文本       框中会出现的灰色字迹)


辣么 问题又来了 如果我们要发表微博或者水个十五字怎么办?

文本域出现了,支持多行文本输入:

语法实现:

<textarea rows="行数" cols="列数"> 文本 </textarea>

两个标签之间可以输入默认值~~~


我们时常会发现一些网络调查问卷 或者 投票系统 那么那些选择框是怎么实现的呢?

单选 与 复选(真是人生处处有选择)

语法实现:

<input type="radio/checkbox"  value="值" name="名称"checked="checked"/>

radio 单选;checkbox 复选
value:提交数据到服务器的值(后台程序PHP使用)!!用的语言是不是PHP的!!
name:为控件命名,以备后台程序ASP、PHP使用 !!同一控件要相同命名!!
checked:当设置checked="checked"时,该选项被默认选中(初始状态下就是被选中         的)


那么 我们有时候遇到的 填写密保问题的那个列表 又是咋做的捏?

下拉列表框:

语法实现:

<select>
   <option value="  " select="select"(默认选中)>选项</option>

   
   <option value="  ">选项</option>
   <option value="  ">选项</option>
   ……
</select>


有的时候我们还要多选 咋办捏 好苦恼

那么 我们需要

<select multiple="multiple">

他来帮助我们实现

小技巧:windows 可以按住Ctrl+单击 进行多选 Mac 则使用Command+单击


有学习就要有反思

今天的主要是  超链接 和 对话框 部分,在网页的前端中非常普遍

比如我现在使用的就4文本域 而我一会要选择的他


就是单选框~~~


我造网页前端在很多人眼里觉得一点也不高大上 但是 网页前端 是我们每个网民每天都在接触的 而一个网站能不能带来炒鸡的交互体验 就需要每一个前端工程师的努力

Don't doubt yourself!!

大神之路 一步一步

南大软院大神养成计划——第二天

今天是南大软院大神养成计划实施的第二天,在这一天中,我学习了HTML+CSS基础教程,由于上过网页工程实训,所以对于这章内容,我更多是查漏补缺,看看自己哪里不会,然后补充知识,毕竟实训时间只有4天,讲...
  • qq_23418043
  • qq_23418043
  • 2015年11月17日 12:42
  • 379

南大软院大神养成计划-第二天

学习心得   第二天的学习就这么愉快的结束了,通过对web课程的学习,我对DW的使用有更深入的了解,懂得了更多关于如何使用这个软件功能的知识,特别是如何更加智能的识别程序的错误。    其中,...
  • z15179324968
  • z15179324968
  • 2015年11月17日 23:51
  • 81

大神养成计划第二天 --南大软院大神养成计划

今天是大神养成计划第二天,看了慕课网的div+css页面布局,明白了一个网页都是有一个个的盒模型布局构成。所以我们做一个网页前,必须先对页面进行布局。我们可以把一个网页大致分为头部header,中间部...
  • u013175229
  • u013175229
  • 2015年11月17日 21:33
  • 600

南大软院大神养成计划第二天

今天学习的是前端开发工具中Sublime 的相关应用,自动保存、自动识别、命令模式、多行游标,还有Goto Anything等等,一个开发工具就差把代码打出来了,人类的智慧果然是无穷的。我更要努力学习...
  • jx370
  • jx370
  • 2015年11月17日 20:08
  • 194

【南大软院大神养成计划:第一天】种下21天,收获不一样的自己——前端养成启程!

在第一天的学习小节前,想先说一说自己的经历,所谓回顾历史,面向未来....     高考完,知道自己被南大软院录取时,心里被两股情绪塞满,那股红色的是欣喜,欣喜从初中就铸下学IT的理想的我终于可以做...
  • Sonshines
  • Sonshines
  • 2015年11月16日 20:52
  • 730

南大软院大神养成计划——第十二天

今天是南大软院大神养成计划实施的第十二天,今天学习的内容是DOM事件探秘部分的最后部分——事件类型。事件类型从来大类来分可以分为鼠标事件和键盘事件。 先说说鼠标事件,鼠标事件可以分为click,ov...
  • qq_23418043
  • qq_23418043
  • 2015年11月27日 10:58
  • 251

南大软院大神养成计划第十一天

今天分享的代码是关于选择符的,简单写了两个,一个是if...else判断语句,另一个是switch语句,代码如下:       JavaScript function b...
  • jx370
  • jx370
  • 2015年11月26日 22:24
  • 198

南大软院大神养成计划——第七天

今天是南大软院大神养成计划实施的第七天。时间飞逝,转眼间一周就过去,这一周主要还是在复习以前的知识和查漏补缺。今天学习的知识大部分都是我以前没有接触到的新知识,所以学习速度比较慢,今天学习的内容主要是...
  • qq_23418043
  • qq_23418043
  • 2015年11月22日 18:40
  • 219

南大软院大神养成计划--day03

我从今天开始学习JSP网页编程语言,今天在主要学到的知识点是有关tomcat服务器的介绍,安装以及使用。之后介绍了其目录下的web-Inf 文件和web.xml等。今天的学习都是零碎的知识点,所以我把...
  • TimeSea
  • TimeSea
  • 2015年11月18日 23:36
  • 184

南大软院大神养成计划--day01

首先感谢南昌大学软件学院可以给我们这个一个机会来自己自主独立完成一些大学生本应该多做的事情:多学习,多总结。开卷有益,但最难的还是持之以恒,作为一个Web前端的初学者,希望可以通过此次比赛增长自己的业...
  • TimeSea
  • TimeSea
  • 2015年11月16日 22:16
  • 235
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:南大软院大神养成计划——第二天
举报原因:
原因补充:

(最多只允许输入30个字)