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] ...
随机推荐
- js数组排序,支持正反排序以及多维度排序
工作中遇到js数组排序问题,数组中存储的都是对象,于是就百度了下,利用别人的代码进行修改,最终完成可以倒序.反序,可以进行多维度排序的功能源码如下: /** * js数组排序 支持数字和字符串 * @ ...
- 转:rabbitMQ 安装与管理
安装环境 虚拟机:VMware® Workstation 10.0.1 build Linux系统:CentOS6.5 官方安装:http://www.rabbitmq.com/install-rpm ...
- JavaScript Math(算数)对象
Math 对象 Math(算数)对象的作用是:执行普通的算数任务. Math 对象提供多种算数值类型和函数.无需在使用这个对象之前对它进行定义. 使用Math的属性/方法的语法: var x=Math ...
- Python3 JSON 数据解析
JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. Python3 中可以使用 json 模块来对 JSON 数据进 ...
- iOS objc_msgSend 野指针Crash 从 Log 提取 Crash 时 selector 的地址和名字并打印
从 crash stack log 里面,提取 objc_msgSend 关键字,定位是否是野指针问题导致的crash,如果是则打印 crash 时的 objc_msgSend 调用的第二个参数,即 ...
- Mybatis 批量插入、批量更新
合理的使用批量插入.更新对性能优化有很大的作用,速度明显快了N倍. 要注意数据库连接串后面要新增:&allowMultiQueries=true,表示一个sql ...
- iOS 动态 Framework 对App启动时间影响实测
最近看到的Slow App Startup Times里提到: The dynamic loader finds and reads the dependent dynamic libraries ( ...
- 自定义progressDialog(数据加载框)的实现
大家在开发客户端时基本上都需要获取数据,在获取数据时会有一个等待状态,这时我们可以利用系统自带的progressDialog来向用户展示"数据正在加载中..."等等,但有时我们会觉 ...
- WebView 的使用案例
package com.example.day20_webview; import android.os.Bundle; import android.annotation.SuppressLint; ...
- 使用maven执行单元测试总结
maven本身没有单元测试框架,但是maven的default生命周期的test阶段绑定了maven-surefire-plugin插件,该插件可以调用Junit3.Junit4.TestNG等Jav ...