<!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. "无意义"的div和span标签
			
    HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器.<div>元素没有特定的含义.除此之外,由于它属于块级元素,浏览器会在其前后显示折行.如果与 C ...
    
			
    2. 
						
  2. MongoDB索引、聚合
			
    用$where可以执行任意的js作为查询的一部分. db.foo.find({"$where" : function(){          for(var current in  ...
    
			
    3. 
						
  3. React Native之生命周期
			
    React Native生命周期主要分为三大阶段:实例化阶段(图中上框部分),存在阶段(图中左框部分),销毁阶段(图中右框部分). 如图: 下面简单讲解一下三大阶段中各自的函数: 实例化阶段: 在日常 ...
    
			
    4. 
						
  4. Js验证userAgent是否来自手机端
			
    function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&] ...
    
			
    5. 
						
  5. HDU 5067
			
    http://acm.hdu.edu.cn/showproblem.php?pid=5067 规定起点和终点的tsp问题,解法依然是状态压缩dp,在初始化和计算答案的时候略做改动即可 #include ...
    
			
    6. 
						
  6. HDU 1848
			
    http://acm.hdu.edu.cn/showproblem.php?pid=1848 利用计算grundy数组,把一类博弈转化为nim博弈,最后x不为0为先手必胜态 #include < ...
    
			
    7. 
						
  7. iOS-TCP/IP、Http、Socket的区别
			
    网络由下往上分为 物理层.数据链路层.网络层.传输层.会话层.表示层和应用层. 通过初步的了解,我知道IP协议对应于网络层,TCP协议对应于传输层,而HTTP协议对应于应用层, 三者从本质上来说没有可 ...
    
			
    8. 
						
  8. gitlab The repository for this project is empty
			
    /***************************************************************************** * gitlab The reposito ...
    
			
    9. 
						
  9. 纯代码写UI的时候，如何指定style？
			
    有的时候,需要使用纯代码实现Android UI,那么这个时候如何指定某个UI组件的样式呢? 一般来说,UI组件都有一些set方法可供使用,以调整一些UI属性,从而达到调整样式的目的. 但是,情况并非 ...
    
			
    10. 
						
  10. [转载] TCP与UDP对比
			
    TCP和UDP区别     TCP UDP 是否连接 面向连接 面向非连接 传输可靠性 可靠的 不可靠的 应用场合 传输大量的数据 少量数据 速度 慢 快     OSI 和 TCP/IP 模型在传输 ...
    
			
    11.