1、 解决乱码,告诉浏览器 当前文档类型和编码

  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

2、转义字符 

  &nbsp;      空格

    &gt;    大于号

   &lt;    小于号

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回忆(一)的更多相关文章

  1. 最近这两天看了关于H5游戏开发的一个教程,实践很短暂,看了很多理论的东西,现在呢也只是想回忆回忆关于EUI的部分知识吧

    首先我了解了什么是Egret: Egret中文就是白鹭的意思,Egret是一套H5游戏开发的软件.(纯粹属于个人理解) 其次我对以下几款软件的相关知识做了些了解: Egret Engine(引擎),E ...

  2. 『U3D学习』破坏神回忆图<一>任务系统

    学习资料:siki老师<泰斗破坏神> 联系QQ:1790555618 功能描述:任务面板内容生成,角色进行任务,自动寻路到指定地点. 从今天起,本人会发学习回忆图,先总结开发阶段功能,后续 ...

  3. Web Service学习小结(概念性回忆)-希望你们会喜欢

    Web Service的出现带来了很多系统工程直接相互的调用.无疑让代码的隐藏得到了好的封装. Web  Service 它的主要的组成要素: SOAP:(Simple Object Access P ...

  4. cocos2d回忆

    凭借自己的回忆想想看自己都学到了那些知识,这是小学的时候当初中老师的外公给我说的,现在想想,CCDirector,CCNode,CCScene,CCSprite这几个类,然后是坐标,锚点,CCNode ...

  5. 【转】阿里2015校招面试回忆(成功拿到offer)

    原文转自:http://blog.jobbole.com/78722/ 1. 引言 继上次<百度2015校园招聘面试题回忆(成功拿到offer)>文章过后,大家都希望除了题目之外,最好能给 ...

  6. noi2015的回忆和教训

    前几天偶然打开了bzoj的rank list,突然发现——我竟然掉出了第一版!!! 自从我5月还是6月刷进第一版之后,我曾经天真的以为大概半年之内我还能保留在第一版内吧. 结果仅仅短短的4个月,我就已 ...

  7. 网易游戏QA工程师笔试回忆-2012.9【个人题解】

    ========================转帖======================== 网易游戏QA工程师笔试回忆-2012.9 刚刚从武大回来,趁热回忆下题目,给以后的XDJMs参考. ...

  8. Google永远不可能回到国内,只能是回忆

    今天早上在微博上无意看 [谷歌翻译App在大陆地区恢复无障碍使用]这篇文章,不知不觉就点进去看一下,内心还是比较兴奋,为什么兴奋说不清楚.或许我们是真的喜欢Google的产品. 回想2010年Goog ...

  9. 观《IT培训行业揭秘》触发北大青鸟回忆

    在园子里看到这篇文章<IT培训行业解密(六)>时,挺有感触,回忆顿时涌上心头: 我想起了当年单纯的我们因为各自的原因来到北大青鸟,或因前途迷茫而选择想找一条出路,或因父母的信息闭塞而想给我 ...

  10. 2017京东校招面试回忆(已成功拿到offer)

    一面 24日 晚上5:30-6:40 1 先说自己熟悉的领域 2 list的实现有什么?   arraylist1.6 1.7区别  底层   linkedlist 底层是怎么实现的 单向还是双向   ...

随机推荐

  1. 建造者模式(Builder)

    GOF:将一个复杂对象的构建与它的表示分离,使得同样的构建过程可以创建不同的表示. 类图:

  2. JTA和JDBC事务

    一般情况下,J2EE应用服务器支持JDBC事务.JTA事务.容器管理事务.这里讨论JTA和JDBC事务的区别.这2个是常用的DAO模式事务界定方式.JDBC 事务 JDBC 事务是用 Connecti ...

  3. LaTex 基础

    一.文档 \documentclass{article} %book, report, letter 二.宏包 \usepackage{amsmath} 三.正文 \begin{document} \ ...

  4. mysql分区

    <?php /* 分区 目录 18.1. MySQL中的分区概述 18.2. 分区类型 18.2.1. RANGE分区 18.2.2. LIST分区 18.2.3. HASH分区 18.2.4. ...

  5. Unity3D 开发 之 JDK安装与环境变量配置

     安装JDK 选择安装目录 安装过程中会出现两次 安装提示 .第一次是安装 jdk ,第二次是安装 jre .建议两个都安装在同一个java文件夹中的不同文件夹中.(不能都安装在java文件夹的根目录 ...

  6. Postgres-enum

    -- 1. rename the enum type you want to change alter type some_enum_type rename to _some_enum_type; - ...

  7. NEC学习 ---- 模块 -文本圆角背景导航

    下图是效果图: 然后, 左右两边的圆角图片和背景图片如下 (因为截图工具的原因, 可能图片不是很清晰. 这个图片有4个部分, 分别是中间的背景图, 左右圆角以及栏目分隔白线) 思路: 利用inline ...

  8. Ffmpeg

    Ffmpeg <?php $movefile = "./4.mp4"; $mov = new ffmpeg_movie($movefile); printf("fi ...

  9. NGINX: 405 Not Allowed

    近期做一个手机端静态网站,在wcm上网站预览的时候显示正常,网站数据发布到nginx网站服务上后,发现页面有部分不显示: 正常页面: 错误页面: 进入谷歌浏览器的Developer Tools(F12 ...

  10. http://bbs.tianya.cn/post-stocks-1665898-1.shtml

    http://bbs.tianya.cn/post-stocks-1295707-1.shtml 写过交易计划吗?有没有提前关注过某些板块或者某些股票呢?自选股里边有多少只股票?你平时复盘都是什么习惯 ...