html回忆(一)
1、 解决乱码,告诉浏览器 当前文档类型和编码
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
2、转义字符
空格
> 大于号
< 小于号
3、清单标记
3.1、 ol 有序列表: order list
type属性: 取值 A a I i 1(默认值)
start属性: 从几开始计数
<li>
3.2、 ul无序列表: unorder list
type属性:disc (默认) ;square 方形;circle 圆形;
<li>
3.3 分类列表:
dl : definition list
dt : definition title
dd : definition description
4、img图形标签
src属性: 指定图片位置
alt属性: 当图片无法加载时显示的提示信息.
title属性: 鼠标悬浮时显示提示信息
heigth属性: 图片的高(单位是像素) (如果宽和高只指定一个,图片会按比例缩放.)
width属性:图片的宽.
border属性: 边框(单位是像素)
5、a标签
5.1、 anchor锚
1.超链接 -> 点击之后跳转页面
格式: 协议名+资源
http://www.baidu.com(我们常用的)
mailto : xx@itcast.cn 发送邮件
thunder: 迅雷下载
2.锚 => 在当前页面中跳转例如:回到顶部 ==> 使用就是锚.
1>做一个锚标记,使用a标签的name属性指定锚点名称. <a name="abc" >这是顶部</a>
2>跳转到锚标记,使用href属性指定要跳转到的锚点.<a href="#abc" >回到顶部</a>
a标签中的属性
href属性: 跳转的资源名 或 锚点名称
name属性: 定义锚点时,指定锚点名称.
target属性: 针对资源跳转时使用. 该属性不指定==> 在当前页面打开. _blank : 在空白页打开.
6、表格
<table> 表格:
cellspacing: 外边距 => 单元格和其他单元格(边框)之间的距离
cellpadding: 内边距 => 内容和单元格框线之间的距离
<tr>:table row 表格中的一行
<td>:table data cell 一行中的一个单元格
<th>:table header 标题单元格
colspan属性: 横着占多少列
rowspan属性: 竖着占多少行
align属性:对齐
form表单标签: 要提交的内容,使用该标签包裹
action属性: 决定表单提交到哪里
method属性: 决定表单的提交方式 get(默认值)/post
post和get区别:
1.post提交(http 请求正文中) 键值对没有在地址栏上.而get是放在地址栏上的.
2.安全性上post更高一些.
3.长度上:get因为是放到地址栏中,长度受限.2k. post 理论上是无限的.
input标签: 表单项标签
type类型:
text 文本框
password 密码框
radio 单选框
checkbox 多选框
file 文件上传
hidden 隐藏域
submit 提交
reset 重置
image 提交(图片,没用了)
button 按钮
name属性:
对于表单项: 提交时键值对的键
value属性:
1>对于需要提交的表单项: 提交时的值
2>按钮类型的: 按钮上显示的文字.
readonly属性: 只读属性.只是限制value属性的变化. 只能给: text 和 password 使用. textarea也有这个属性.
disabled属性: 禁用.颜色变灰. 不参与提交. 适用范围,所有input都可以使用.
checked属性:
默认被选中.
只适用于: 1 radio 2 checkbox
maxlength属性:定义最大长度.
size 属性: 定义输入框的显示长度.
以上两个属性 只能放在 text 和 password中.
select 标签:下拉选
name属性: 提交的键
size属性: 同时显示的选项个数
multiple属性: 变成多选
selected属性: 让option默认被选中.
textarea 标签:
文本域
name属性: 提交的键
col属性: 列 宽
row属性: 行高
readonly属性:只读.
html回忆(一)的更多相关文章
- 最近这两天看了关于H5游戏开发的一个教程,实践很短暂,看了很多理论的东西,现在呢也只是想回忆回忆关于EUI的部分知识吧
首先我了解了什么是Egret: Egret中文就是白鹭的意思,Egret是一套H5游戏开发的软件.(纯粹属于个人理解) 其次我对以下几款软件的相关知识做了些了解: Egret Engine(引擎),E ...
- 『U3D学习』破坏神回忆图<一>任务系统
学习资料:siki老师<泰斗破坏神> 联系QQ:1790555618 功能描述:任务面板内容生成,角色进行任务,自动寻路到指定地点. 从今天起,本人会发学习回忆图,先总结开发阶段功能,后续 ...
- Web Service学习小结(概念性回忆)-希望你们会喜欢
Web Service的出现带来了很多系统工程直接相互的调用.无疑让代码的隐藏得到了好的封装. Web Service 它的主要的组成要素: SOAP:(Simple Object Access P ...
- cocos2d回忆
凭借自己的回忆想想看自己都学到了那些知识,这是小学的时候当初中老师的外公给我说的,现在想想,CCDirector,CCNode,CCScene,CCSprite这几个类,然后是坐标,锚点,CCNode ...
- 【转】阿里2015校招面试回忆(成功拿到offer)
原文转自:http://blog.jobbole.com/78722/ 1. 引言 继上次<百度2015校园招聘面试题回忆(成功拿到offer)>文章过后,大家都希望除了题目之外,最好能给 ...
- noi2015的回忆和教训
前几天偶然打开了bzoj的rank list,突然发现——我竟然掉出了第一版!!! 自从我5月还是6月刷进第一版之后,我曾经天真的以为大概半年之内我还能保留在第一版内吧. 结果仅仅短短的4个月,我就已 ...
- 网易游戏QA工程师笔试回忆-2012.9【个人题解】
========================转帖======================== 网易游戏QA工程师笔试回忆-2012.9 刚刚从武大回来,趁热回忆下题目,给以后的XDJMs参考. ...
- Google永远不可能回到国内,只能是回忆
今天早上在微博上无意看 [谷歌翻译App在大陆地区恢复无障碍使用]这篇文章,不知不觉就点进去看一下,内心还是比较兴奋,为什么兴奋说不清楚.或许我们是真的喜欢Google的产品. 回想2010年Goog ...
- 观《IT培训行业揭秘》触发北大青鸟回忆
在园子里看到这篇文章<IT培训行业解密(六)>时,挺有感触,回忆顿时涌上心头: 我想起了当年单纯的我们因为各自的原因来到北大青鸟,或因前途迷茫而选择想找一条出路,或因父母的信息闭塞而想给我 ...
- 2017京东校招面试回忆(已成功拿到offer)
一面 24日 晚上5:30-6:40 1 先说自己熟悉的领域 2 list的实现有什么? arraylist1.6 1.7区别 底层 linkedlist 底层是怎么实现的 单向还是双向 ...
随机推荐
- MySQL数据恢复和复制对InnoDB锁机制的影响
MySQL通过BINLOG记录执行成功的INSERT,UPDATE,DELETE等DML语句.并由此实现数据库的恢复(point-in-time)和复制(其原理与恢复类似,通过复制和执行二进制日志使一 ...
- PowerDesigner的使用一
首先我们需要创建一个测试数据库,为了简单,我们在这个数据库中只创建一个Student表和一个Major表.其表结构和关系如下所示. 看看怎样用PowerDesigner快速的创建出这个数据库吧. 1. ...
- php课程---面向对象
面向对象:一:定义类 class Dog { var $name; var $age; var $pinzhong; function Jiao() { echo "{$this->n ...
- HDU 2222 Keywords Search(AC自动机模版题)
Keywords Search Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 131072/131072 K (Java/Others ...
- Mongo使用脚本更新数据
SQL Server中我们经常要使用脚本来刷一些数据,在mongo中我们也可以使用mongo的脚本来刷mongo的数据 首先在命令窗口中链接到本地的mongo库 load("[脚本的地址]& ...
- PHP 多维数组 Key Value的使用
<?php $user["60"] = array("id" => "60", "num" => &q ...
- CentOS6.0(64位)安装Apache+PHP+Mysql教程,安装Magento(解决DOM,Mcrypt,GD问题)完整教程
CentOS6.0(64位)安装Apache+PHP+Mysql教程,安装Magento(解决DOM,Mcrypt,GD问题)完整教程 0 Posted by :小黑 On : 2012 年 9 ...
- angularJ表单验证
常用的表单验证指令 1. 必填项验证 某个表单输入是否已填写,只要在输入字段元素上添加HTML5标记required即可: <input type="text" requir ...
- Android-Activity使用(1)
一.添加 activity类 Aty1 继承Activity package activitylc.eoe.cn.l002activieylc; import android.app.Activit ...
- iOS中文API之NSLayoutconstraint
AutoLayout为开发者提供了一种不同于传统对于UI元素位置指定的布局方法.以前,不论是在IB里拖放,还是在代码中写,每个UIView都会有自己的frame属性,来定义其在当前视图中的位置和尺寸. ...