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

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

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

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

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

语法实现：

<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!!

大神之路 一步一步