Html标签学习笔记二
1.常用标签
<a></a>超链接
功能 做链接 :在href属性里面写明指向的地方
做下载:href指向文件(注意:不能下载的文件是因为浏览器可以直接打开)
做锚点:
做锚点:<a name="top"></a> 、<a id="top"></a>
跳转到锚点的位置:<a href="#top"></a>、<a href="当前页面#top"></a>
<img />图片
src:图片的路径 width:图片的宽度 height:图片的高度 alt:图片加载不出来时的提示文字
title:图片标题,鼠标放上时显示的文字 图片作为超链接:<a href=""><img width="100" height="100" src="" /></a>
代码:
<a href="http//:www.baidu.com">调到百度</a>
<a href="#">miaodian</a><!-- 注意#后跟名字 -->
<br />
<a href="屏幕截图(FastStone Capture)9.2汉化单文件便携企业版.exe">
<img src="../img/qrcode.png" width="300" height="200" alt="图片"title="二维码" >
</a>
<br /> <br />
<a href="屏幕截图(FastStone Capture)9.2汉化单文件便携企业版.exe">下载</a>
展示:
2.表格标签
<table></table>:表格
<th><th>:用来做表头
<tr></tr>:代表行
<td></td>:代表单元格/列
属性:width:宽度 height:高度 align:水平对齐方式(left左 right右 center居中)
valign:垂直对齐方式(top上 middle中 bottom下) bgcolor:背景颜色
rowspan:rowspan=“2” 上下合并两格
colspan:左右合并
代码展示:
<table border="1px" cellspacing="0" cellpadding="0">
<caption><h3>个人简历模板</h3></caption>
<tr>
<td>姓名</td>
<td></td>
<td>性别</td>
<td></td>
<td colspan="2">民族</td>
<td></td>
<td rowspan="4"></td>
</tr>
<tr>
<td>身份证</td>
<td colspan="2"></td>
<td colspan="2">出生年月</td>
<td colspan="2"></td>
</tr>
<tr>
<td>政治面貌</td>
<td colspan="2"></td>
<td colspan="2">户籍</td>
<td colspan="2"></td>
</tr>
<tr>
<td>学历</td>
<td colspan="2"></td>
<td colspan="2">学位</td>
<td colspan="2"></td>
</tr>
<tr>
<td>毕业学校</td>
<td colspan="3"></td>
<td colspan="2">所学专业</td>
<td colspan="2"></td>
</tr>
<tr>
<td>毕业时间</td>
<td colspan="2"></td>
<td colspan="2">联系电话</td>
<td colspan="3"></td>
</tr>
<tr>
<td colspan="2" height="100">教育和实习经历</td>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="2" height="100">特长及奖惩情况</td>
<td colspan="6"></td>
</tr>
<tr>
<td colspan="2" height="100">自我评价</td>
<td colspan="6"></td>
</tr>
</table>
效果展示:
Html标签学习笔记二的更多相关文章
- Html学习笔记(二) 简单标签
标签的重点 标签的用途 标签在浏览器中的默认样式 <body>标签: 在网页上显示的内容 <p>标签: 添加段落 <hx>标签: 添加标题 标签一共有6个,h1.h ...
- amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules
amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一.总结 1.见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史 ...
- amazeui学习笔记二(进阶开发4)--JavaScript规范Rules
amazeui学习笔记二(进阶开发4)--JavaScript规范Rules 一.总结 1.注释规范总原则: As short as possible(如无必要,勿增注释):尽量提高代码本身的清晰性. ...
- 微信小程序学习笔记二 数据绑定 + 事件绑定
微信小程序学习笔记二 1. 小程序特点概述 没有DOM 组件化开发: 具备特定功能效果的代码集合 体积小, 单个压缩包体积不能大于2M, 否则无法上线 小程序的四个重要的文件 *js *.wxml - ...
- WPF的Binding学习笔记(二)
原文: http://www.cnblogs.com/pasoraku/archive/2012/10/25/2738428.htmlWPF的Binding学习笔记(二) 上次学了点点Binding的 ...
- AJax 学习笔记二(onreadystatechange的作用)
AJax 学习笔记二(onreadystatechange的作用) 当发送一个请求后,客户端无法确定什么时候会完成这个请求,所以需要用事件机制来捕获请求的状态XMLHttpRequest对象提供了on ...
- [Firefly引擎][学习笔记二][已完结]卡牌游戏开发模型的设计
源地址:http://bbs.9miao.com/thread-44603-1-1.html 在此补充一下Socket的验证机制:socket登陆验证.会采用session会话超时的机制做心跳接口验证 ...
- JMX学习笔记(二)-Notification
Notification通知,也可理解为消息,有通知,必然有发送通知的广播,JMX这里采用了一种订阅的方式,类似于观察者模式,注册一个观察者到广播里,当有通知时,广播通过调用观察者,逐一通知. 这里写 ...
- java之jvm学习笔记二(类装载器的体系结构)
java的class只在需要的时候才内转载入内存,并由java虚拟机的执行引擎来执行,而执行引擎从总的来说主要的执行方式分为四种, 第一种,一次性解释代码,也就是当字节码转载到内存后,每次需要都会重新 ...
随机推荐
- 天道神诀--IPSAN实现多链路以及多路径安装
# linux6 环境需求 ISCSI服务端: 2张网卡,足够的磁盘空间 iscsi客户端: 2张网卡(与服务端网段相同) ISCSI服务端配置: 与1张网卡配置主要差别在于配置文件中的允许访问网段, ...
- Til the Cows Come Home(spfa做法)
题目题目描述贝茜在谷仓外的农场上,她想回到谷仓,在第二天早晨农夫约翰叫她起来挤奶之前尽可能多地睡上一觉.由于需要睡个好觉,贝茜必须尽快回到谷仓.农夫约翰的农场上有N(2≤N≤1000)个路标,每一个路 ...
- PHP中的闭包小谈
接触PHP一段时间以来,我一直以为这是一种基于函数式编程的语言是没有闭包这种东西的,但事实上却颠覆了我的想法,PHP竟然有闭包,下面我们一起来接触一下PHP的所谓的闭包. 根据PHP官网的定义来看,闭 ...
- 安装Storm的基本过程
- struts2验证器
1. Struts2 的验证(note6,struts2-8) 1). 验证分为两种: > 声明式验证* >> 对哪个 Action 或 Model 的那个字段进行验证 >&g ...
- grunt中调用webpack
项目中一些很老的技术需要运用webpack管理,这时候必须使用grunt+webpack 配合使用 .做个笔记,不限多说直接上代码 grunt结合webpack 下面是 Gruntfile.js co ...
- pandas-append()
DataFrame.append(self,other,ignore_index = False,verify_integrity = False,sort = Nore) 作用是将其他对象附加到调用 ...
- cin,cout优化
https://www.cnblogs.com/PrayG/p/5749832.html ios_base::sync_with_stdio(0); cin.tie(0); 涨知识了
- 转:深入浅出cache写策略
转自:http://www.ssdfans.com www.ssdfans.com › blog › 2018/07/27 › 深入浅出cach... 随着计算机行业的飞速发展,CPU的速度和内存的大 ...
- thinkphp cookie支持
系统内置了一个cookie函数用于支持和简化Cookie的相关操作,该函数可以完成Cookie的设置.获取.删除操作. Cookie设置 cookie('name','value'); //设置coo ...