HTML入门笔记案例展示(2)
结上一篇(1)http://blog.csdn.net/qq_32059827/article/details/51399288
6、超链接(重要): 超链接标签 就是 a 标签 <!-- 超链接 标签 a 标签的使用 href: 用于指向 要 链接 访问的 资源
target: 指定 将以 何种方式 去打开 页面
_blank, new---》》在新的窗口中打开 目标页面
_self ---》》 显示在 目前的窗口中 在标签的href 执行 目标资源的 后面 通过 ? 的形式 拼接一些参数 以上 就是 使用a 标签 最多 的用法了 通过 ? 拼接一些参数 :
多个 参数 之间 使用 & 符号 分开 . -->
<img src="http://img.blog.csdn.net/20160513225210229?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /> <!--
使用 a 标签 去创建 锚点 : 快速赋值 : ctrl+alt+ 上/下方向键 实现 锚点 有两种方式: 方式一: 使用 a 标签, 通过 name="锚点名" , 设置一个锚点 ,然后 使用 a 标签, href="#锚点名" , 就可以回到 锚点 所在 位置 方式二: 使用 a 标签, 通过 id="锚点名", 设置一个锚点,然后 使用 a 标签, href="#锚点名" , 就可以回到 锚点 所在 位置 --> 8、标题标签
主要是用来将字体变成特定的样式, 以及大小 h1~h6 ,没有h7。h7就成了普通文本形式了。 <img src="http://img.blog.csdn.net/20160513225348339?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /> 9、表单标签(重要):
<img src="http://img.blog.csdn.net/20160513225447829?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /> <!-- 表单 标签的使用 form: form 标签中的数据 都可以 在点击提交后 , 都带给所要访问的目标资源
action 属性的值就是要访问的目标资源
method 属性 表示 请求的提交方式 , 在 这里 只有 get 和post input: 表示 输入项, 一个form 表单中 可以有多个 input 输入项 type: 用于设置 输入项的 类型,
类型 有 普通的文本输入项 (text)
密码类型的输入项 (password)
多选框的 输入项 ( checkbox)
单选框的输入项 (radio)
隐藏域字段(hidden)
文件上传输入项(file)
提交数据到目标资源( submit) 表示引用一张图片 (image) -- 不常用
重置表单 (reset) --- 将表单的数据清空 --- 不常用(基本上不会用 ) 如果 你没有 为 input 输入项 添加一个 叫做 name 的属性, 那么 表单最终点击了提交的时候, 数据是不会提交 过去的 select : 是下拉框 , select 中下每个下拉框就是 一个option
textarea: 文本输入 域, 用于输入多行多列的 内容
--> <img src="http://img.blog.csdn.net/20160513225630113?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />
HTML入门笔记案例展示(2)的更多相关文章
- HTML入门笔记案例展示(1)
一: html标签&html书写规则 Html 的标签 分为如下 这两种 : 单标签: 单标签一般 用于特殊的含义, 例如 : <br/> 表示换行, <hr/> ...
- 嵌入式OS入门笔记-以RTX为案例:六.RTX的任务调度
嵌入式OS入门笔记-以RTX为案例:六.RTX的任务调度 上一篇笔记介绍了一些绕开排程器(或调度程序,scheduler)来进行时间管理的一些小方法.这一篇详细介绍RTX的任务调度原理. RTX主要有 ...
- React.js入门笔记
# React.js入门笔记 核心提示 这是本人学习react.js的第一篇入门笔记,估计也会是该系列涵盖内容最多的笔记,主要内容来自英文官方文档的快速上手部分和阮一峰博客教程.当然,还有我自己尝试的 ...
- MySQL入门笔记
MySQL入门笔记 版本选择: 5.x.20 以上版本比较稳定 一.MySQL的三种安装方式: 安装MySQL的方式常见的有三种: · rpm包形式 · 通用二进制 ...
- golang微服务框架go-micro 入门笔记2.2 micro工具之微应用利器micro web
micro web micro 功能非常强大,本文将详细阐述micro web 命令行的功能 阅读本文前你可能需要进行如下知识储备 golang分布式微服务框架go-micro 入门笔记1:搭建go- ...
- Ruby小白入门笔记之 <Gemfile 文件>
因为初学Ruby,四处查资料无果,才来的贴出亲自试过的操作,覆盖整个个人入门笔记博客中,故所有的操作,都以最明了的方式阐述,当你创建完一个新的Rails应用后,你发现JAVA中我们可以编写maven聚 ...
- Blazor入门笔记(6)-组件间通信
1.环境 VS2019 16.5.1.NET Core SDK 3.1.200Blazor WebAssembly Templates 3.2.0-preview2.20160.5 2.简介 在使用B ...
- 每天成长一点---WEB前端学习入门笔记
WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...
- ES6入门笔记
ES6入门笔记 02 Let&Const.md 增加了块级作用域. 常量 避免了变量提升 03 变量的解构赋值.md var [a, b, c] = [1, 2, 3]; var [[a,d] ...
随机推荐
- linux 3.10 缺页异常(TLB_invalid)通用处理框架
- String字符串的操作
字符串的常用操作 # Author:nadech name = "my name is nadech" print(name.count("a")) print ...
- 小知识点 取消button动作 和取巧按钮高亮
如果让按钮在点击时不变暗 进行下面设置: 如果使butten失去动画效果进行下面设置:(一般用于图片+文字,效果等于可以加图片班的label,当然label不能加图片)
- webpack 将不同类型的文件输出到不同文件夹
参考:https://stackoverflow.com/questions/33058964/configure-webpack-to-output-images-fonts-in-a-separa ...
- vuejs关于函数式组件的探究
所以,在控制台里app1.exist 或app2.exist都可以控制是否显示字母. <!DOCTYPE html> <html lang='zh'> <head> ...
- 安卓开发遇到Error:Execution failed for task ':app:transformClassesWithDexForDebug'.
问题如下: Error:Execution failed for task ':app:transformClassesWithDexForDebug'. com.android.build.api. ...
- 独立开发一个云(PaaS)的核心要素, Go, Go, Go!!!
最近一年的工作,有很大的比重在做云平台的事情,简单来说,就是为公司内用户提供一个PaaS,用户可以在我们的云平台上方便的将单机服务程序扩展为多实例程序,以平台服务化的方式对外提供.在这里简单分享一下. ...
- Redis源码剖析--源码结构解析
请持续关注我的个人博客:https://zcheng.ren 找工作那会儿,看了黄建宏老师的<Redis设计与实现>,对redis的部分实现有了一个简明的认识.在面试过程中,redis确实 ...
- Dynamics CRM 权限整理二
接上篇http://blog.csdn.net/vic0228/article/details/50510605,继续列举CRM相关权限 prvReadBusinessUnit privilege(I ...
- SpriteKit中的共享动作(Sharing Actions)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 在SpriteKit中某些动作需要一些额外的延时,如果每次都重 ...