<!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. 让PyTorch更轻便,这款深度学习框架你值得拥有!在GitHub上斩获6.6k星
  2. 卷积神经网络(CNN)简介
  3. 技术19期:1分钟入门数据治理!必看!【技术篇】
  4. java与mysql时间类型对应的问题
  5. python常用标准库有哪些-Python 200个标准库汇总
  6. DDOS三种不同类型的攻击行为—Vecloud
  7. 商品规格可选怎么设计_两分钟前|开平木质地栈板怎么安装
  8. 微信小程序父级之间的传值_微信小程序自定义组件封装及父子间组件传值的方法...
  9. linux远程调用的脚本在ssh时报错,linux:ssh远程调用tomcat脚本时候出错
  10. android布局的一些知识
  11. golang商城_Golang——简单是终极的成熟
  12. 强类型的JavaScript(TypeScript)–现在没有任何理由不要深入JavaScript!
  13. 打印服务器协议,基于TCP/IP协议的嵌入式网络打印服务器设计
  14. 基于vue2.0的一个豆瓣电影App
  15. android离线天地图,天地图的移动App开发,离线地图下载不了
  16. php 做批量打印二维码,php语言开发的网站,如何实现批量打印快递单的功能?
  17. html 在线申请,25个在线工作申请免费HTML的简历模板
  18. 家庭用服务器的作用,家庭网络存储服务器四大主要功能
  19. postek二次开发_各类标签一机打尽 博思得C168条码机热促
  20. Spring-boot mvn 打包之后Java -jar找不到启动类的问题

热门文章

  1. 零数观点 | 林博士受邀参加第13届亚洲太阳能光伏创新大会
  2. 【java基础】快速掌握 Java5、Java6、Java7、Java8、Java9 的新特性!!!
  3. Reflections 介绍
  4. selenium获取百度头条热点
  5. DM8168硬件平台
  6. 不会 Python 没关系,手把手教你用 web scraper 抓取豆瓣电影 top 250 和 b 站排行榜...
  7. 哪些视频字幕提取软件好用?分享这三款好用的软件
  8. 浙大校友李旻辰获SIGGRAPH 2021最佳博士论文奖,连续四年华人学者包揽此奖项
  9. Java基于JSP野生动物保护网
  10. 七种回归分析方法 个个经典