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] ...
随机推荐
- [转]关于OpenGL的绘制上下文
[转]关于OpenGL的绘制上下文 本文转自(http://www.cnblogs.com/Liuwq/p/5444641.html) 什么是绘制上下文(Rendering Context) 初学Op ...
- 剑指架构师系列-MySQL调优
介绍MySQL的调优手段,主要包括慢日志查询分析与Explain查询分析SQL执行计划 1.MySQL优化 1.慢日志查询分析 首先需要对慢日志进行一些设置,如下: SHOW VARIABLES LI ...
- Http多线程版本
上一篇文章讲了HTTP是如何通过TCP协议传输到服务器上,以及服务器接收到的报文信息请参考[HTTP与TCP的关系] 这篇文章主要讲述的多线程处理Http请求,关于多线程的好处我就不再叙述了.由于我们 ...
- JavaScript 流程语句知识脑图
- NLP系列(4)_朴素贝叶斯实战与进阶
作者: 寒小阳 && 龙心尘 时间:2016年2月. 出处:http://blog.csdn.net/han_xiaoyang/article/details/50629608 htt ...
- Linux 中交换空间 (swap)应该分多大才好?
前一段时间,我们机房中一台Linux服务器运行缓慢,系统服务出现间歇性停止响应,让我过去处理一下这一问题,登录到服务器之后,发现此服务器的物理内存是16G,而最初装机的时候,系统管理人员却只分配了4G ...
- PHP学习(3)—在HTML中嵌入PHP
我们以一个提交订单和显示订单信息的例子为学习PHP的开始.这个例子包含两个文件.一个提交订单的html文件:orderform.html,一个显示订单信息的php文件:processorder.php ...
- Spark运行架构
http://blog.csdn.net/pipisorry/article/details/52366288 1. Spark运行架构 1.1 术语定义 lApplication:Spark App ...
- Java基本语法-----java数据类型的转换
前言 Java中可以进行不同数据类型的加减乘除运算吗?是可以的.在算术运算符中已经体验过如果两个整数(int)相除会去掉小数部分.如果需要保留小数部分,可以让除数或者被除数变为double类型的(5变 ...
- UIScrollView实现图片轮播器的无限滚动
简介 在现在的一些App中常常见到图片轮播器,一般用于展示广告.新闻等数据,在iOS内并没有现成的控件直接实现这种功能,但是通过UIScrollView的允许分页设置,可以实现滚动轮播的功能. 轮播原 ...