1. 1. 三把利剑（html css js） css(颜色 位置)  js (动)
  1. 2. 标签的分类:块级标签和行内标签 块级标签（div h  p） 行内标签(span) 
    3. 标签存在的意义：为了方便操作（css js）
    4. 注释的快捷键 CTRL+？
  1. 单选框 radio 
    多选框 checkbox --复选框  checked='checked' 默认值 
    上传件 file  依赖form表单的属性 enctype='multipart/form-data'
    重置：type ='reset'
    textarea  --多行文本输入
    a 标签---- 跳转
    /*   */ 多行注释
  1. 水平剧中 line-height :48px 垂直方向居中
     text-align:center 水平方向居中
  2.  
  3.  color字体颜色          
     font-size:字体大小           
    font-weight: bold; 字体加粗
    居中用line-height
  1. ********最重要的属性 float 让标签飘起来，块标签也可以堆叠 
    子标签float 父标签不显示边框，需要加div style ='clear:both ;'
  1. display******用的最广 内联和块级标签进行转换
     display:inline 
    display:block 
    *******<span 行内 无法设置高度 宽度，padding margin <div 块级可以设置高度 宽度 padding margin 默认占父亲的100%
  1. display inline-block(inline默认有多少占多数)
  1. 两个Div的有距离 margin-top
    文字两边有边距margin :0 auto 自动居中
  2.  
  3. 图片
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body >
  8. <!--没有图片的时候显示alt="美女"-->
  9. <a href="http://www.baidu.com">
  10.    <img src="754950165766387311.jpg" style="height: 100px; width:100px" title="大美女" alt="美女">
  11. </a>
  12. </body>
  13. </html>

图片

下拉框

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <div>
  9.     <!--multiple="multiple" 多选  selected="selected" 默认-->
  10.      <select name="city" size="10" multiple="multiple" >
  11.          <option value="1">上海</option>
  12.          <option value="2" selected="selected">广东</option>
  13.          <option value="3">宁波</option>
  14.          <option value="4">厦门</option>
  15.      </select>
  16.  </div>
  17. <div>
  18.     <textarea name="memo">大家看的电视</textarea>
  19. </div>
  20.  
  21. </body>
  22. </html>

下拉框

预期效果

下拉框分组显示

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <div>
  9.     <!--下拉不能选择的-->
  10.     <select>
  11.         <optgroup label="河北省">
  12.             <option>邯郸</option>
  13.             <option>石家庄</option>
  14.         </optgroup>
  15.         <optgroup label="山西省">
  16.             <option>太原</option>
  17.             <option>平遥</option>
  18.         </optgroup>
  19.     </select>
  20. </div>
  21.  
  22. </body>
  23. </html>

下拉框分组显示

选项

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <form>
  9.     <div enctype='multipart/form-data' method='POST'>
  10.         <input type="text" name="user" placeholder="用户名"/>
  11.         <!--单选框 默认值用checked-->
  12.         <p>请选择性别:</p>
  13.         男：<input type="radio" name="gender" value="1"/>
  14.         女：<input type="radio" name="gender" value="2"/>
  15.  
  16.         <!--复选框 默认值用checked-->
  17.         <p>爱好：</p>
  18.         篮球：<input type="checkbox" name="favor" value="1"/ >
  19.         足球：<input type="checkbox" name="favor" value="2" checked="checked"/>
  20.         乒乓球：<input type="checkbox" name="favor" value="3"/>
  21.         台球：<input type="checkbox" name="favor" value="4"/>
  22.         <p>上传文件：</p>
  23.         <input type="file" name="fname"/>
  24.  
  25.     </div>
  26.     <input type="submit" value="提交"/>
  27.     <input type="reset" value="重置"/>
  28. </form>
  29. </body>
  30. </html>

选项

python: html的更多相关文章

  1. Python中的多进程与多线程（一）

    一.背景 最近在Azkaban的测试工作中,需要在测试环境下模拟线上的调度场景进行稳定性测试.故而重操python旧业,通过python编写脚本来构造类似线上的调度场景.在脚本编写过程中,碰到这样一个 ...

  2. Python高手之路【六】python基础之字符串格式化

    Python的字符串格式化有两种方式: 百分号方式.format方式 百分号的方式相对来说比较老,而format方式则是比较先进的方式,企图替换古老的方式,目前两者并存.[PEP-3101] This ...

  3. Python 小而美的函数

    python提供了一些有趣且实用的函数,如any all zip,这些函数能够大幅简化我们得代码,可以更优雅的处理可迭代的对象,同时使用的时候也得注意一些情况   any any(iterable) ...

  4. JavaScript之父Brendan Eich，Clojure 创建者Rich Hickey，Python创建者Van Rossum等编程大牛对程序员的职业建议

    软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...

  5. 可爱的豆子——使用Beans思想让Python代码更易维护

    title: 可爱的豆子--使用Beans思想让Python代码更易维护 toc: false comments: true date: 2016-06-19 21:43:33 tags: [Pyth ...

  6. 使用Python保存屏幕截图（不使用PIL）

    起因 在极客学院讲授<使用Python编写远程控制程序>的课程中,涉及到查看被控制电脑屏幕截图的功能. 如果使用PIL,这个需求只需要三行代码: from PIL import Image ...

  7. Python编码记录

    字节流和字符串 当使用Python定义一个字符串时,实际会存储一个字节串: "abc"--[97][98][99] python2.x默认会把所有的字符串当做ASCII码来对待,但 ...

  8. Apache执行Python脚本

    由于经常需要到服务器上执行些命令,有些命令懒得敲,就准备写点脚本直接浏览器调用就好了,比如这样: 因为线上有现成的Apache,就直接放它里面了,当然访问安全要设置,我似乎别的随笔里写了安全问题,这里 ...

  9. python开发编译器

    引言 最近刚刚用python写完了一个解析protobuf文件的简单编译器,深感ply实现词法分析和语法分析的简洁方便.乘着余热未过,头脑清醒,记下一点总结和心得,方便各位pythoner参考使用. ...

  10. 关于解决python线上问题的几种有效技术

    工作后好久没上博客园了,虽然不是很忙,但也没学生时代闲了.今天上博客园,发现好多的文章都是年终总结,想想是不是自己也应该总结下,不过现在还没想好,等想好了再写吧.今天写写自己在工作后用到的技术干货,争 ...

随机推荐

  1. cocos2dx 3.x（加载cocostudio进度条）

    // // MyLoagingScene.hpp // My // // Created by work on 16/10/13. // // #ifndef MyLoagingScene_hpp # ...

  2. 一次数据库hang住的分析过程

    现象: 普通用户和sysdba都无法登陆,业务中断 分析过程: 1.先做hanganalyze和systemstate dump $sqlplus -prelim "/as sysdba&q ...

  3. MySQL部分1

    MySQL有三个层次 1.文件层次:放在硬盘上存东西的  必须要放在硬盘上 2.服务层次:必须要通过MySQL这个服务才能操作里面哪个内容 3.界面层次:默认不提供界面,需要安装navicat8(界面 ...

  4. java List 简单使用

    Student类 class Student{ String name; String pwd; public Student(){} public Student(String name, Stri ...

  5. 01分数规划poj2728（最优比例生成树）

    Desert King Time Limit: 3000MS   Memory Limit: 65536K Total Submissions: 21766   Accepted: 6087 Desc ...

  6. Subversion under Linux [Reprint]

    一.安装 yum install subversion 二.配置 本系统采用为每个项目单独建一版本库的策略.配置文件,密码文件,访问控制文件等都放在版本库的conf目录下. 所以每次开始一个新项目都必 ...

  7. ACRush 楼天成回忆录

    楼教主回忆录: 利用假期空闲之时,将这几年 GCJ , ACM , TopCoder 参加的一些重要比赛作个回顾.首先是 GCJ2006 的回忆. Google Code Jam 2006 一波三折: ...

  8. oracle,sqlserver,mysql 命令行 开启、关闭所需要的服务

    ORACLE需要开启的服务   需要启动的服务:   口令: 启动Oracle 11g服务: (下面的可以作为bat 脚本,直接运行便可以不用去自己去启动和关闭服务了.) @echo off @ EC ...

  9. PHP isset()与empty()的使用区别详解

    通过对PHP语言的学习,应该知道它是基于函数的一款HTML脚本语言.庞大的函数库支持着PHP语言功能的实现.下面我们为大家介绍有关PHP函数isset()与empty()的相关用法.   PHP的is ...

  10. Codeforces Round #313 (Div. 1) C. Gerald and Giant Chess

    这场CF又掉分了... 这题题意大概就给一个h*w的棋盘,中间有一些黑格子不能走,问只能向右或者向下走的情况下,从左上到右下有多少种方案. 开个sum数组,sum[i]表示走到第i个黑点但是不经过其他 ...