1. 三把利剑（html css js） css(颜色 位置)  js (动)
2. 标签的分类:块级标签和行内标签 块级标签（div h  p） 行内标签(span) 
3. 标签存在的意义：为了方便操作（css js）
4. 注释的快捷键 CTRL+？
单选框 radio 
多选框 checkbox --复选框  checked='checked' 默认值 
上传件 file  依赖form表单的属性 enctype='multipart/form-data'
重置：type ='reset'
textarea  --多行文本输入
a 标签---- 跳转
/*   */ 多行注释
水平剧中 line-height :48px 垂直方向居中
 text-align:center 水平方向居中

 color字体颜色          
 font-size:字体大小           
font-weight: bold; 字体加粗
居中用line-height
********最重要的属性 float 让标签飘起来，块标签也可以堆叠 
子标签float 父标签不显示边框，需要加div style ='clear:both ;'
display******用的最广 内联和块级标签进行转换
 display:inline 
display:block 
*******<span 行内 无法设置高度 宽度，padding margin <div 块级可以设置高度 宽度 padding margin 默认占父亲的100%
display inline-block(inline默认有多少占多数)

两个Div的有距离 margin-top
文字两边有边距margin :0 auto 自动居中

图片
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body >

<!--没有图片的时候显示alt="美女"-->

<a href="http://www.baidu.com">

   <img src="754950165766387311.jpg" style="height: 100px; width:100px" title="大美女" alt="美女">

</a>

</body>

</html>

图片

下拉框

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div>

    <!--multiple="multiple" 多选  selected="selected" 默认-->

     <select name="city" size="10" multiple="multiple" >

         <option value="1">上海</option>

         <option value="2" selected="selected">广东</option>

         <option value="3">宁波</option>

         <option value="4">厦门</option>

     </select>

 </div>

<div>

    <textarea name="memo">大家看的电视</textarea>

</div>

</body>

</html>

下拉框

预期效果

下拉框分组显示

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<div>

    <!--下拉不能选择的-->

    <select>

        <optgroup label="河北省">

            <option>邯郸</option>

            <option>石家庄</option>

        </optgroup>

        <optgroup label="山西省">

            <option>太原</option>

            <option>平遥</option>

        </optgroup>

    </select>

</div>

</body>

</html>

下拉框分组显示

选项

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form>

    <div enctype='multipart/form-data' method='POST'>

        <input type="text" name="user" placeholder="用户名"/>

        <!--单选框 默认值用checked-->

        <p>请选择性别:</p>

        男：<input type="radio" name="gender" value="1"/>

        女：<input type="radio" name="gender" value="2"/>

        <!--复选框 默认值用checked-->

        <p>爱好：</p>

        篮球：<input type="checkbox" name="favor" value="1"/ >

        足球：<input type="checkbox" name="favor" value="2" checked="checked"/>

        乒乓球：<input type="checkbox" name="favor" value="3"/>

        台球：<input type="checkbox" name="favor" value="4"/>

        <p>上传文件：</p>

        <input type="file" name="fname"/>

    </div>

    <input type="submit" value="提交"/>

    <input type="reset" value="重置"/>

</form>

</body>

</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. 帮你深入理解OAuth2.0协议

    1. 引言 如果你开车去酒店赴宴,你经常会苦于找不到停车位而耽误很多时间.是否有好办法可以避免这个问题呢?有的,听说有一些豪车的车主就不担心这个问题.豪车一般配备两种钥匙:主钥匙和泊车钥匙.当你到酒店 ...

  2. django apache 通过wsgi部署

    生产上部署django 1. 修改settings关闭debug DEBUG = False ALLOWED_HOSTS = ['*'] 2. 安装wsgi yum -y install mod_ws ...

  3. MySQL 常用函数列表

    一.数学函数 select SQRT (2) --取平方根select ABS (-234) --取绝对值select FLOOR (COUNT (*)/5.0) from news --取小于这个小 ...

  4. 通达信：显示K线图日期

    INFO_A:=STRCAT('INFO_A=', STRCAT(CON2STR(REF(MONTH, REF_BAR_A), 0), STRCAT('-', STRCAT(CON2STR(REF(D ...

  5. poj 1417(并查集+简单dp)

    True Liars Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 2087   Accepted: 640 Descrip ...

  6. 查看真机的系统版本sdk

    1.adb devices 确保连接上了真机 2.adb shell 进入android系统 3.进入system目录下 4.查看build.prop文件 cat build.prop

  7. yii框架各种防止sql注入，xss攻击，csrf攻击

    PHP中常用到的方法有: /*  防sql注入,xss攻击  (1)*/    function actionClean($str)    {        $str=trim($str);      ...

  8. java装饰者模式理解

    java 装饰者模式其实就是扩展子类的功能,和继承是一个性质. 但继承是在编译时就固定扩展了父类的一些功能,而装饰者模式是在运行过程中动态绑定对象,实现一个子类可以随时扩展功能. 将方法排列组合,也可 ...

  9. location.reload()加载时有弹出框

    解决办法: 1.试试 window.location.href=window.location.href 2.当前页有被post数据的时候reload就会提示刷新 可以尝试重新定向页面地址 3.rel ...

  10. z/os上的tar和gzip(2)

    前一篇文章写过了如何合成并压缩大批量文件,这篇文章解释一下如何在拿到压缩文件后如何解压并还原大批量文件.   解压缩的JCL很简单,如下所示,和压缩的JCL类似,只要把参数改成UNPACK,然后设置一 ...