南大软院大神养成计划——第二天
2015-11-18 00:25
253 查看
第二份博客 新鲜出炉 没有大能量 写给自己看
第二天战况 进度还是微慢 鲁迅大大说过 时间就像海绵里的水喽 看来我要大力去挤挤挤
闲话少叙 直接上 今天的 笔记吧~~
超链接 这就是灰常重要的部分了
语法实现:
<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>
两个标签之间可以输入默认值~~~
我们时常会发现一些网络调查问卷 或者 投票系统 那么那些选择框是怎么实现的呢?
单选 与 复选(真是人生处处有选择)
语法实现:
9db2
<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!!
大神之路 一步一步
第二天战况 进度还是微慢 鲁迅大大说过 时间就像海绵里的水喽 看来我要大力去挤挤挤
闲话少叙 直接上 今天的 笔记吧~~
超链接 这就是灰常重要的部分了
语法实现:
<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>
两个标签之间可以输入默认值~~~
我们时常会发现一些网络调查问卷 或者 投票系统 那么那些选择框是怎么实现的呢?
单选 与 复选(真是人生处处有选择)
语法实现:
9db2
<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!!
大神之路 一步一步
相关文章推荐
- Nginx反向代理
- mina框架分析---2
- ubuntu zip解压
- iOS 网络请求类封装
- 10014---JavaWeb基础--请求重定向与请求转发
- 顺序表的查找
- Chapter 5-04
- 解决在 WP8/ WP8.1 项目中 引用 C++ 组件时出现的 System.TypeLoadException 错误
- Visual Studio 要求导入 pfx 密钥以及导入后依然要求导入的解决办法
- Android蓝牙开发的一些经验
- babel无法编译?
- null相关
- Qt 框架的图形性能高(OpenGL上的系统效率高),网络性能低,开发效率高,Quick是可以走硬件加速——Qt中分为好几套图形系统,差不多代表了2D描画的发展史。最经典的软描画系统
- [1108]:最小公倍数
- ubuntu 执行make menuconfig ARCH=arm
- HttpClient-----4、使用HttpClient进行POST方式通信
- 开发者文档之多线程编程指南学习笔记
- AndroidStudio 编译错误
- CentOS 搭建 nginx + tomcat
- c++ 默认构造函数,构造函数,复制构造函数,赋值操作符,析构函数调用示例