<!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. UNIX,基础知识，文件IO，文件和目录
			
    2015.1.27星期二,早晨阴天,中午下雪了今天上午老师不上课,程序语句,记一下:main(void){ int c; while((c = getc(stdin)) != EOF) if(putc ...
    
			
    2. 
						
  2. 超链接访问过后hover样式就不出现的问题
			
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...
    
			
    3. 
						
  3. 深入理解JavaScript闭包
			
    Closure 闭包的定义1: <JavaScript高级程序设计>定义闭包:闭包是指有权访问另一个函数作用域中的变量的函数. 创建闭包的常见方式,就是在一个函数内部创建另一个函数. 然而 ...
    
			
    4. 
						
  4. JS操作DOM常用API总结
			
    <JS高程>中的DOM部分写的有些繁琐,还没勇气整理,直到看到了这篇博文 Javascript操作DOM常用API总结,顿时有了一种居高临下,一览全局的感觉.不过有时间还是得自己把书里面的 ...
    
			
    5. 
						
  5. 【Bear】api分类
			
    参考 jQuery API 中文文档
    
			
    6. 
						
  6. SpringMVC  产品笔记
			
    假设我是springMVC的产品经理,我会怎么做? 恩,题目太大,能力不够,缓一缓. http://jinnianshilongnian.iteye.com/category/231099 http: ...
    
			
    7. 
						
  7. hdu 2334 March of the Penguins
			
      题意大意 在X,Y坐标系中有N(N<=100)个冰块,有些冰块上有1若干只企鹅,每只企鹅一次最多跳M距离,一个冰块在有Mi个企鹅离开,就会消失,问有哪些冰块可以作为集合点,就是所有企鹅都能成 ...
    
			
    8. 
						
  8. div+css 遮罩层
			
    CSS样式部分: ---------------------------------- <style type="text/css">#loading-mask{    ...
    
			
    9. 
						
  9. HOG特征（Histogram of Gradient）总结（转载）
			
    整理一下我个人觉得比较好的HOG博文 博文1:OpenCV HOGDescriptor: 参数与图解 http://blog.csdn.NET/raodotcong/article/details/6 ...
    
			
    10. 
						
  10. ZOJ 1076 Gene Assembly
			
    原题链接 题目大意:首先学习一个生物学的单词,exon:外显子,DNA序列中能够翻译表达的片段.给出很多外显子的起始点和终点,求寻找包含最多外显子的一条链,并且输出这些外显子的编号. 解法:先把所有外 ...
    
			
    11.