<!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


我是一个文本框。



			Copyright © TTyb
		


这里要发生奇迹


Click Me!






第一列的头
第二列的头
第三列的头




第一列
第二列
第三列






  • 第一列
    • 

  • 第一列
    • 

  • 第一列








第二列
第二列




第二列
第二列






第三列




												


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

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

	


随机推荐
	

    
									
  1. Nodejs创建https服务器(Windows 7)
			
    为了实验一下WebRTC,搭了个简单的https服务器.说说步骤: 生成OpenSSL证书 使用Nodejs的https模块建立服务器 OpenSSL 证书 我机子Windows 7,安装了Cygwi ...
    
			
    2. 
						
  2. AssemblyInfo.cs的作用
			
    总结:用来设置项目生成的dll的常规信息.(如版本.版权等等)它就相当于一个资源文件,存放资源信息. http://www.cnblogs.com/xuyuantao/articles/927285. ...
    
			
    3. 
						
  3. Team Foundation API - 编程访问 WorkItem
			
    Team Foundation Server (TFS)工具的亮点之一是管理日常工作项, 工作项如Bug, Task,Task Case等. 使用TFS API编程访问TFS服务器中的工作项, 步骤如 ...
    
			
    4. 
						
  4. magento问题集
			
    magento产品页面价格出现2遍 In app\design\frontend\default\default\template\catalog\product\view\type\Simple.p ...
    
			
    5. 
						
  5. 应用Druid监控SQL语句的执行情况(转)
			
    Druid是什么? Druid首先是一个数据库连接池.Druid是目前最好的数据库连接池,在功能.性能.扩展性方面,都超过其他数据库连接池,包括DBCP.C3P0.BoneCP.Proxool.JBo ...
    
			
    6. 
						
  6. Xcode 工程文件打开不出来， cannot be opened because the project file cannot be parsed.
			
    svn更新代码后,打开xcode工程文件,会出现  xxx..xcodeproj  cannot be opened because the project file cannot be parsed ...
    
			
    7. 
						
  7. Spring事务管理 -- 挺好
			
    Spring是SSH中的管理员,负责管理其它框架,协调各个部分的工作.今天一起学习一下Spring的事务管理.Spring的事务管理分为声明式跟编程式.声明式就是在Spring的配置文件中进行相关配置 ...
    
			
    8. 
						
  8. gradle默认路径
			
    C:\Users\wango\.gradle\wrapper\dists\gradle-2.2.1-all\c64ydeuardnfqctvr1gm30w53
    
			
    9. 
						
  9. P168  实战练习（权限修饰符）
			
    创建Game类,运行代码如下: package org.hanqi.pn0120; public class Game { private String name; private String ca ...
    
			
    10. 
						
  10. ZOJ-3929 Deque and Balls （DP+找规律）
			
    题目大意:n个数,每个数的大小都在1~n之间.操作n次,第 i 次将第 i 个数放到一个双端队列里面,放到队列两端的概率是相等的.问操作n次之后双端队列中元素满足xi>xi+1的对数的期望,输出 ...
    
			
    11.