<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>今天学布局</title>

</head>

<body>

<div id="container" style="width: 500px">

<div id="header" style="background-color: blueviolet">

<h1 style="margin-bottom: 0;">主要网页标题</h1></div>

<div id="menu" style="background-color: cornsilk;height: 200px;width: 100px;float: left;">

<b>菜单</b><br>

html <br>

css <br>

javascript

</div>

<div id="contert" style="background-color: darkgoldenrod;height: 200px;width: 400px;float: left;">正文内容</div>

<div id="footer" style="background-color: grey;clear: both;text-align: center;">版权</div>

</div>

</body>

<br>

<br><br><br>

<table width=“500” border="0">

<tr>

<td colspan="2" style="background-color: khaki">

<h1>主要的网页标题</h1>

</td>

</tr>

<tr>

<td style="background-color:#ffd700;width: 100px;vertical-align: top;">

<b>菜单</b><br>

html <br>

css <br>

javascript

</td>

<td style="background-color: chartreuse; height: 200px;width: 400px;vertical-align: top"></td>

</tr>

<tr>

<td colspan="2" style="background-color: cyan;text-align: center;">

版权@runoob.com</td>

</tr>

</table>

<br><br><br>

<div>

<form action="">

first name: <input type="text" name="firstname"><br><br>

last name: <input type="text" name="lastname">

</form>

<p><b>注意</b>表单本身是不可见的。并且注意一个文本段的默认宽度是20个字符。</p>

</div>

<br>

<form action="">

<input type="radio"name="sex" value="male">male <br>

<input type="radio"name="sex" value="female">female

</form>

<br>

<form action="">

<input type="checkbox" name="vehicle" value="bike">i have a bike <br>

<input type="checkbox" name="vehicle" value="car">i have a  car

</form>

<br>

<form action="">

<select name="cars">

<option value="volvo">volvo</option>

<option value="saab">saab</option>

<option value="fiat">fiat</option>

<option value="audi">audi</option>

</select>

</form>

<br>

<body>

<textarea name="" id="" cols="30" rows="10">我是一个文本框</textarea>

<form action="">

<input type="button" value="提交">

</form>

<form action="">

<input type="button" value="hello world!">

</form>

<form action="">

<fieldset>

<legend>personal information</legend>

name: <input type="text" size="30"><br>

e-mail: <input type="text" size="30"><br>

date of birth: <input type="text" size="10">

</fieldset>

</form>

<br><br><br>

<form action="demo-form.php">

first name: <input type="text" name="firstname" value="maicky"> <br>

last name: <input type="text" name="lastname" value="mouse"><br>

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

<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>

</form>

</body>

</html>

今天晚上回家打小白之路相关推荐

  1. 【GISer小O】JAVA后台的小白之路(一)_2 ——分分合合三剑客

    [GISer小O]JAVA后台的小白之路(一)_2 --分分合合三剑客 本文简单介绍Web开发中的三剑客:HTML/CSS/Javascript,阐述其关系.然后用示例demo讲解三者的分分合合.相关 ...

  2. Docker:小白之路 一plus (拉取镜像加速篇)

    Docker的小白之路 一plus 在小白之路二中,需要拉取公共镜像,这个速度非常非常的慢,然后LZ就测试了几种方法,其中一种有效的方式如下,(本方法仅在ubuntu16.04下测试有效,其他linu ...

  3. Docker: 小白之路一(Ubuntu16.04安装篇)

    Docker的小白之路 一.Docker的安装 1. ubuntu的安装 卸载旧版本: $ sudo apt-get remove docker docker-engine docker.io con ...

  4. 【小白之路-1】详解ESP8266 ESP-01SRealy继电器模块天猫精灵语音控制实现(含微信配网及新手防坑提示)

    ESP8266-ESP-01S 前言 一.预期功能 二.功能逐步实现 1. 端口控制实现 2. WiFi联网 3. 天猫精灵接入(小爱.小度同理) 4. APP界面控件编辑 三.防坑提示 1.管脚编号 ...

  5. python字符串的特点_python小白之路(特性语法三之字符串)

    字符串:双引号或单引号中的数据 输出:print() 输入:input() 切片:[起始下标:结束下标:步长] PS:选取区间属于左闭右开型.[1:5:1] [5:1:-1] 常见操作: find: ...

  6. iOS小白之路...iOS中基础控件的使用

    UIlabel是iOS开发中应用比较广泛的一个基础控件. uilabel最重要的功能是为我们提供文本展示. uilabel有哪些常用的属性. >uilabel.text设置文本标签展示文字 &g ...

  7. 小白之路由浅入深之------day24

    1.类加载器 1.1类加载[理解] 类加载的描述 当程序要使用某个类时,如果该类还未被加载到内存中,则系统会通过类的加载,类的连接,类的初始化这三个步骤来对类进行初始化.如果不出现意外情况,JVM将会 ...

  8. 小白之路由浅入深之------day05

    方法 目录 方法概述 1.1 方法的概念(理解) 方法的定义和调用 2.1 无参数方法定义和调用(掌握) 2.2 方法调用过程图解(理解) 2.3 无参数方法的练习(应用) 带参数方法定义和调用 3. ...

  9. 极限学习机(Extreme Learning Machine)(小白之路)

    优秀的博客已经很多了,在这里我粘贴一些对我有帮助的博客,感谢大佬们!(既有原理 也有 一些实现[python 和 matlab]): ①极限学习机(Extreme Learning Machine, ...

最新文章

  1. 漫谈二叉树遍历(非递归)
  2. 标题h和img优化的技巧
  3. setup hadoop 1.2.1 on Mac
  4. java 位运算符赋值_java-运算符(算术、赋值 =、关系、逻辑、三元、位运算符)...
  5. imp oracle reschema_Oracle EXP和IMP用法和介绍
  6. mysql slave同步_Slave_SQL_Running: No mysql同步故障解决方法
  7. Google Code Jam 2008 E 日程表(最小割)
  8. poj2186【利用强连通分量】
  9. CentOS hping3安装和应用
  10. 静态代理和动态代理的区别
  11. team viewer 远程控制计算机,使用TeamViewer让手机控制电脑的设置步骤
  12. SpringBoot的幕后推手,java互联网架构师系统vip课程
  13. IEEP-OSPF域内路由故障-现象与排障思路
  14. 网红直播营销现状及对策研究
  15. windows 10 系统LCM通信库的编译
  16. BIOS,U-BOOT,BootLoader三者的对比
  17. mysql8对gis的支持
  18. GridView 72般绝技 转自清清月儿
  19. 2007年中国羽毛球大师赛直播时间表
  20. 【研究生学术英语读写教程翻译 中国科学院大学Unit1-Unit5】

热门文章

  1. C/C++中花括号 {} 的作用
  2. 团队合作项目—(GG队)
  3. stream list 分组后组内排序
  4. 让交互更加生动!巧用CSS实现鼠标跟随 3D 旋转效果
  5. 基础抠图工具知识汇总
  6. PowerBI自定义分区
  7. MPAndroidChart—— pieChart 属性详解
  8. OpenCV:金字塔LK光流法
  9. 根据年月日查询某年某月的最后一天
  10. Ubuntu 20.04编译AOSP 并启动模拟器