小说网站 搜小说 无限网 烟雨红尘 小说爱好者 免费小说 免费小说网站

HTML入门笔记案例展示(2)

结上一篇(1)http://blog.csdn.net/qq_32059827/article/details/51399288
6、超链接(重要):

超链接标签 就是 a 标签

 <!-- 超链接 标签 a 标签的使用  
	
		href: 用于指向  要 链接 访问的 资源  
		target: 指定 将以 何种方式 去打开 页面  
			_blank,  new---》》在新的窗口中打开 目标页面
			_self ---》》 显示在 目前的窗口中
			
			
		在标签的href 执行 目标资源的 后面 通过 ? 的形式 拼接一些参数 
	
		以上 就是 使用a 标签 最多 的用法了  
	
		通过 ?  拼接一些参数 :
			多个 参数 之间 使用  & 符号 分开 .
	
	-->
<img src="//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="//img-blog.csdn.net/20160513225348339?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />

9、表单标签(重要):
 <img src="//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="//img-blog.csdn.net/20160513225630113?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />




posted on 2016-05-13 22:57  王小航  阅读(100)  评论(0编辑  收藏  举报

导航