<!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. Boostrap栅格系统
			
    Boostrap排版.链接样式设置了基本的全局样式.分别是:为body元素设置 布局容器:Bootstrap需要为页面内容和栅格系统包裹一个:container容器.Bootstrap提供了两个作此用 ...
    
			
    2. 
						
  2. 基于HTTP Live Streaming（HLS） 搭建在线点播系统
			
    1. 为何要使用HTTP Live Streaming 可以参考wikipedia HTTP Live Streaming(缩写是 HLS)是一个由苹果公司提出的基于HTTP的流媒体 网络传输协议.是 ...
    
			
    3. 
						
  3. VM设置BIOS延长时间
			
    更改文件中的 bios.bootDelay = "XXXX"
    
			
    4. 
						
  4. Recaman's Sequence_递推
			
    Description The Recaman's sequence is defined by a0 = 0 ; for m > 0, am = am−1 − m if the rsultin ...
    
			
    5. 
						
  5. Candy Distribution_找规律
			
    Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6012   Accepted: 3341 Description N chi ...
    
			
    6. 
						
  6. Unity3D内置资源包简介
			
    Custom Package:倒入第三方的资源包,如果资源包存在中文路径,很容易导入入失败. Character Controller:角色控制相关脚本,第一第三人称的prefab; Glass Re ...
    
			
    7. 
						
  7. iOS-TCP/IP、Http、Socket的区别
			
    网络由下往上分为 物理层.数据链路层.网络层.传输层.会话层.表示层和应用层. 通过初步的了解,我知道IP协议对应于网络层,TCP协议对应于传输层,而HTTP协议对应于应用层, 三者从本质上来说没有可 ...
    
			
    8. 
						
  8. alpha阶段总结 说明
			
    其实alpha阶段总结那个博客,我们团队已经做过了,只是那个博客的名字不叫alpha阶段总结,是叫第一个sprint与第二个sprint阶段总结.里面详细包含了我们的alpha版本的介绍,与那时的团队 ...
    
			
    9. 
						
  9. Qt4升级到Qt5
			
    QtWidgets作为一个独立的模块 例如编译时错误 error: QMainWindow: No such file or directory error: QToolButton: No such ...
    
			
    10. 
						
  10. SpringCloud学习后获取的地址
			
    关于SpringCloud + Docker 学习地址: (1) https://yq.aliyun.com/articles/57265 (2) https://yq.aliyun.com/team ...
    
			
    11.