 <!DOCTYPE html>

 <html>

 <head>

     <meta charset="utf-8">

     <table border="1"><!--这里说表格带表框-->

     <tr style="text-align:center;"><!--这里是写第一行的东西-->

         <th>第一列的头</th>

         <th>第二列的头</th>

         <th>第三列的头</th>

         </tr>

         <tr style="text-align:center;"><!--这里是写第二行的东西-->

         <td>第一列</td>

         <td>第二列</td>

         <td>第三列</td>

         </tr>

         <tr style="text-align:center;"><!--这里是写第三行的东西-->

         <td>

             <ul>

                 <li>第一列</li>

                 <li>第一列</li>

                 <li>第一列</li>

             </ul>

         </td>

         <td>

             <table border="1">

             <tr>

                  <td>第二列</td>

                  <td>第二列</td>

             </tr>

             <tr>

                  <td>第二列</td>

                  <td>第二列</td>

             </tr>

             </table>

         </td>

         <td>第三列</td>

     </tr>

     <ol start="50">

         <li>这里是有序列表list1</li>

         <li>这里是有序列表list2</li>

     </ol>

     <ul>

         <li>这里是无序列表</li>

         <li>这里是无序列表</li>

     </ul>

     <ol type="A"><!--这里可以改成type="a"、type="I"、type="i"-->

         <li>这里是有序列表listA</li>

         <li>这里是有序列表listB</li>

     </ol>

     <div style = "color:#C6A300;">

         <h4>不管是标题还是正文</h4>

         <p>这一块都是这个颜色了</p>

         <p>这是一片是<span style = "color:blue;font-weight:bold">蓝色</span>

             这一片是<span style = "color:darkolivegreen;font-weight:bold">碧绿色</span>

     </div>

     <hr>

     <!--下面做一个大区域的东西-->

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

         <div id = "header" style = "background-color:#FFA500;width:500px">

             <h1 style="margin-bottom:0;">

                 这里是标题

             </h1>

         </div>

         <div id = "menu" style = "background-color:#FFD700;height:300px;width:100px;float:left;">

             <b>Menu</b>

             <br/>

             html

             <br>

             css

             <br>

             JavaScript

         </div>

         <div id = "content" style="background-color:#EEEEEE;height:300px;width:400px;float:left;">

             1、这里是正文

             <br/>

             <form>

                 这里是文本框: <input type="text" name="textbox">

                 <br/>

                 密码: <input type="password" name="pwd">

                 <input type="submit" value="Submit">

             </form>

             <form>

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

                 <br/>

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

                 <br/>

                 <input type="checkbox" name="sex" value="notmale">not male

                 <br>

                 <input type="checkbox" name="sex" value="notfemale">not female

             </form>

             <br/>

             <textarea rows="2" cols="20">

                 我是一个文本框。

             </textarea>

             <br/>

             <form action="">

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

             </form>

         </div>

         <div id = "footer" style="background-color:#FFA500;clear:both;text-align:center;width:500px;">

             Copyright © TTyb

         </div>

     </div>

     <br/>

     <hr>

     <script>

         document.write("<strong><big>Hello World!</big></strong>")

     </script>

     <br/>

     <br/>

     <p id="demo">

     这里要发生奇迹

     </p>

     <script>

     function myFunction()

     {

         demo = document.getElementById("demo")//找到demo

         demo.innerHTML="Hello JavaScript!";//替换demo

         demo.style.color="#ff0000";//变化格式

     }

     </script>

     <br/>

     <button

         type="button" onclick="myFunction()">Click Me!

     </button>

 </body>

 </html>

这里是有序列表list1
这里是有序列表list2
这里是无序列表
这里是无序列表
这里是有序列表listA
这里是有序列表listB

不管是标题还是正文

这一块都是这个颜色了

这是一片是蓝色这一片是碧绿色

这里是标题

Menu
html

css

JavaScript

1、这里是正文

这里是文本框:

密码:

Male

Female

not male

not female

我是一个文本框。

这里要发生奇迹

Click Me!

第一列的头

第二列的头

第三列的头

第一列

第二列

第三列

第一列
第一列
第一列

第二列	第二列
第二列	第二列

第三列

html初学（二）的更多相关文章

Java初学(二)
一.数据类型在定义Long或者Float类型变量的时候,要加L或f(大小写无关,只是便于识别,建议不要小写L) 整数默认是int,浮点数默认是double 二.java字符 java语言采用的是Un ...
spring cloud（服务消费者（利用ribbon实现服务消费及负载均衡）——初学二）
Ribbon是一个基于HTTP和TCP客户端的负载均衡器,利用ribbon实现服务消费,并实现客户端的负载均衡. 一.准备工作(利用上一节的内容) 启动服务注册中心启动computer-servic ...
NHibernate初学二之简单执行SQL及HQL、Linq
上篇文章简单介绍NHibernate之简单增删改查,本文将会简单介绍有关执行NHibernate的SQL.HQL及存储过程: 一:执行SQL语句实例,运用CreateSQLQuery方法 public ...
Git初学二(SSH免密)
在管理Git项目上,初学者使用HTTPS直接克隆项目到本地是最方便的.但是之后的fetch和push代码需要输入账号和密码也是比较烦的. 这章在上一章的基础上,将HTTPS切换成SSH.SSH的优点就 ...
Civil 3D 二次开发创建AutoCAD对象—— 00 ——
不积跬步无以至千里,不积小流无以成江海.虽然创建一条直线.添加一个图层这样的小程序没有什么实际意义(内部命令很简单就可以完成),但对于初学二次开发的您来说,这可是一大步,这一步跨出去,您就跨进了二次开 ...
初学 Python（十二）——高阶函数
初学 Python(十二)--高阶函数初学 Python,主要整理一些学习到的知识点,这次是高阶函数. #-*- coding:utf-8 -*- ''''' 话说高阶函数: 能用函数作为参数的函数 ...
初学Python（二）——数组
初学Python(二)——数组初学Python,主要整理一些学习到的知识点,这次是数组. # -*- coding:utf-8 -*- list = [2.0,3.0,4.0] #计算list长度 ...
Python爬虫初学（二）—— 爬百度贴吧
Python爬虫初学(二)-- 爬百度贴吧昨天初步接触了爬虫,实现了爬取网络段子并逐条阅读等功能,详见Python爬虫初学(一). 今天准备对百度贴吧下手了,嘿嘿.依然是跟着这个博客学习的,这次仿照 ...
node.js 初学（二）—— 搭建注册/登录服务器
node.js 初学(二)—— 搭建注册/登录服务器理论上来说,代码实现在理论和实际上是一样的.但实际上来说,他们不是做一个最简单的用户注册登录功能 1.接口定义: 注册:/user?act=re ...
初学后台框架总结篇二——快速了解CI框架
一.下载CI框架并安装,这里放置一张自己的项目目录结构图目录框架搭建好之后开始将自己的项目与框架融合二.更改相关配置 1.用任何文本编辑器打开 application/config/config. ...

随机推荐

【LeetCode OJ】Palindrome Partitioning
Problem Link: http://oj.leetcode.com/problems/palindrome-partitioning/ We solve this problem using D ...
APNS IOS PHP 苹果推送
IOS---APNS 消息推送实践首先,需要一个pem的证书,该证书需要与开发时签名用的一致. 具体生成pem证书方法如下: 1. 登录到 iPhone Developer Connection P ...
夜黑风高的夜晚用SQL语句做了一些想做的事·······
IT这条漫漫长路注定是孤独的,陪伴我们的只有那些不知冷暖的代码语句和被手指敲打的磨掉了键上的标识的键盘. 之所以可以继续坚持下去,是因为心中有一份永不熄灭的激情. 成功的路上让我们为自己带盐 ...
农场阳光 (simpson)
计算若干个圆与一个矩形的面积并 simpson公式 ans = ( f[l] + f[r] + 4 * f[mid] ) * (r-l) / 6 uses math; type arr=record ...
超链接访问过后hover样式就不出现的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...
mysql 远程连接失败（linux）
主要有三个原因:1.mysql授权表里没有远程机器的权限,及需要在授权表mysql.user添加grant all privileges on *.* to 'root'@'远程登陆IP' ident ...
magento的robots文件编写和判断是否是一个导航分类页面
magento是网店系统,我们突出的是我们的产品,所以,有很多路径我们不想让搜索引擎索引到,所以我们需要用robots文件进行限制下面是麦神magento的robots.txt里面的内容,因为很多u ...
学习方法和阶段介绍、 iOS界面开发引入、构造第一个App 、视图控制器和视图、控件与事件、 InterfaceBuilder
1 创建并运行第一个App 1.1 问题使用Xcode创建一个App项目,该应用实现功能在界面上显示Hello World标签,在模拟器中的运行结果如图-1所示: 图-1 1.2 方案分析图-1, ...
Web 仪表盘
/*********************************************************************** * Web 仪表盘 * 说明: * 之前很久,都想知道 ...
在hdfs上存取xml文件的实现代码
要读取的文件为:/user/hdfs/stdin.xml <?xml version="1.0" encoding="UTF-8"?> <re ...

html初学（二）

不管是标题还是正文

这里是标题

html初学（二）的更多相关文章

随机推荐

热门专题