`

j2ee01:html

    博客分类：
  • j2ee
 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<bgsound  src=""/><!--在这里写背景音乐-->
</head>
<!--bgcolor背景颜色.background背景图片-->
<body bgcolor="#3366CC" background="X`57PI]OVJD)GEP]T9Q{N@H.jpg">
<!--
<br/>换行，<p></p>是段落标记，<font></font>表示字体，大小颜色等要做为这个标签的属性，ol是有序列表标签，li是列表项。ul是无序列表。hr是线
&lt;是小于号.&gt;是大于号。&nbsp;表示空格。版权：&copy;
-->
   <font color="#000033" size="+6" face="楷书">这是一个神奇的网站</font>
   <a name="top"></a>
   <ol type="a">
      <li>填写基本信息</li>
      <li>完善信息</li>
      <li>邮箱激活</li>
      <li>登陆</li>
   </ol>
     <ul type="disc">
      <li>填写基本信息</li>
      <li>完善信息</li>
      <li>邮箱激活</li>
      <li>登陆</li>
   </ul>
  <hr  color="#00FF00" size="10" width="400"/>
  <h1 align="center">最大</h1> 
  <img src="" width="200" height="200" border="2"/><!--src是属性,宽度高度等也是属性-->
  <a href=""></a>
  <a href="mailto:test@123.com"></a>
  <a href="#top">返回顶部</a><!--首先在上面定义一个锚点，然后这个位置链接到上面的那个锚点-->
  <embed src="" width="200" height="200"></embed><!--这个src链接的是音频或者视频，这个是在body里放着，也可以在上面设置背景音乐-->
 
 
 
   <table border="1" width="200px" height="200px" align="center">
       <tr>
          <th colspan="2"></th>
       </tr>
       <tr>
          <td align="center"></td>
          <td></td>
       </tr>
          <tr>
          <td></td>
          <td></td>
       </tr>
   </table>
  
   --------------------------
   <!---表单：做数据的收集-->
   <form>
        <table border="1" align="center">
           <tr>
              <td>用户名：</td>
              <td><input type="text" name="uname" value="张三" size="20"/></td>     
           </tr>
             <tr>
              <td>密码：</td>
              <td><input type="password" name="upwd" value=""/></td>     
           </tr>
             <tr>
              <td>确认密码：</td>
              <td><input type="password" name="upwd2" value=""/></td>     <!---这个值是文本框输入的，因此不用指定value的值--->
           </tr>
           <tr>
              <td>性别：</td>
              <td>
              <input type="radio" name="usex" value="男" />男<!---这是不能输入的值，要在value里提前给好。名字必须指定一致，不然就不是单选按钮了,就能选择两个性别了--->
              <input type="radio" name="usex" value="女" />女
              </td>     
           </tr>
           <tr>
              <td>爱好：</td>
              <td>
              <input type="checkbox" name="hobby" value="抽烟" />抽烟
              <input type="checkbox" name="hobby" value="吸毒" />吸毒
              <input type="checkbox" name="hobby" value="喝酒" />喝酒 
              </td>     
           </tr>
             <tr>
              <td>地址：</td>
              <td>
                省份：<select name="province">
                   <option value="山东省">山东省</option><!---注意不是文本框输入的内容就要提前给定value--------->
                   <option value="河南省">河南省</option>
                   <option value="河北省">河北省</option>
                </select>
                城市：<select name="city">
                   <option value="济南市">济南市</option><!---注意不是文本框输入的内容就要提前给定value--------->
                   <option value="郑州市">郑州市</option>
                   <option value="石家庄">石家庄</option>
                </select>
              </td>     
           </tr>
             <tr>
              <td>头像：</td>
              <td><input type="file" name="img" value=""/></td>     
           </tr>
              <tr>
              <td>自我介绍：</td>
              <td><textarea name="intro" cols="30" rows="5">dssfsfsff</textarea></td> <!---这个不是文本框，而是文本域，超过5行产生下拉--->    
           </tr>
          <tr>
             
              <td><input type="submit" name="sub" value="提交"/></td>   
              <td>
              <input type="reset" name="sub" value="重置"/>
               <input type="button" name="sub" value="重置"/>
              </td>  
           </tr>
        </table>
   </form>
  
   src后面的是路径，框架中没有body，具体的body在具体的分框架中呢。target是连接目标。noresize表示不能改变每个框架的大小。border=0表示不要框架的边框，默认情况下是5
</body>
</html>

 

-------------------------------------------------------------------------------------------------------------------

-----------------------------------------下面是相关概念-----------------------------------------------------

老师：张毅 border:边框（一条线） margin：边距
1.html/css/js  客户端编程（html本身有默认的样式，如果还不够，就用css。js是产生动态效果）
2.jdbc/xml     数据库服务器端编程
3.servlet/jsp   web服务器端编程
4.ajax/jquery   客户端的高级编程
浏览器：火狐浏览器，是标准浏览器。ie有自己的特色。
服务器：tomcat
html:超文本标记语言（文本只有字符串。因为含有了连接和图片等，因此是超文本。网页就是超文本），用来表现数据。为什么是标记语言？因为html中有好多标签。html是跟标签
Xml：组织和存储数据。交换数据

<!>声明，----注释。加在一起<!-- -->
一个文档中只能有一个跟标签，这个标签就是<html>标签，内容在html标签内才起作用，html在使用的时候自己设置了好多声明（规则）
两种类型的标签.围堵标签和单标签
title:浏览器的标题
第一：段落：
1.标题<h1><h1/>到<h6><h6/>：align:对齐（是个属性。left,center,right）
2.<p><p/>段标签，会隔行（段与段之间会空一行）
第二：标签：
3.<br/>：换行
4.<hr/>：水平线。<input/>:表单项
5.<div></div>指定样式：style、居中指的是针对div层居中，而不是针对页面。align="center" style="背景颜色，背景图片...." (块级元素)
    (1). <DIV ALIGN="center"STYLE="height:60px; background-color:cyan; position:relative">
           position:relative相对定位。，这里的高度是指div层的大小（层的宽度高度）  (定义div的大小)
    (2). <DIV STYLE="width:300;height:300; background-color:red; position:absolute;top:240px;left:150px">
         absolute绝对定位，绝对定位能够指定高度宽度等（相对于整个窗口）（相对于窗口，这个div的位置：top:240px;left:150px）（定义div的大小和位置）
第三：字体
6.针对字体的：<font></font>
<b></b>:加粗
<i></i>:斜体
<u></u>:下划线
<s></s>:删除线
<font size=3></font>:字号，默认是3（放的）。<font size=+2></font>，此时字体为5
字体颜色：<color="#000055">十六进制 Red(0-255),green(0-255),blue(0-255)
<font face="黑体，宋体>":使用黑体，黑体找不到的 话就用宋体
第四：超链接
链接锚点：<a href="a" target="_blank">:_target="_blank"的作用是超链接的时候打开一个新的窗口(这个链接是引用)
定义锚点：定义锚点<a name="top"></a>，找锚点<a href="#top">到头部<a/>。其中，（name是点锚（标志），href是锚链接（目标地址）用#）,这样上面的超链接指向name=top，这是内部锚点
还有外部锚点<a href="....#...">解释：页面地址+锚点地址
<A HREF="代码4-07.html#type1" TARGET="_blank">直立型</A>、连接到代码4-07.html页面的type1这个位置，TARGET="_blank"是打开新窗口
第五：图片
<img src="图片的地址" height:"50%"/>其中，align在这里是默认图片居左，文体和图片下对齐。top是上对齐。50%是指把原图放小
align=midden,这是文体在图片中间。left,right是左右环绕。
border:边框，间距：hspace，vspace水平和垂直间距
第六：在body里
bgcolor：背景颜色（bg是背景的意思）。background背景图片
text=“#ff0000”，整个文档的字体颜色
margin：边距
第七：列表
1.无序列表ul:（块级元素）<Ul type="">
li是列表项
2.有序列表：ol  <ol type="a">
第八：表单标签：收集数据readonly
1.文本框:普通文本框(type="text")文件上传文本框(file)，隐藏文本框(hidden)，密码文本框(passsword)
(1).只能读： value="默认内容" readonly="readonly"
(2).type="hidden"隐藏的内容，比如偷偷写上提交者的ip和提交时间
 2.复选框：checkbox  checked=checked这是表明这个默认被选中。选中的是北京，在提交的时候会提交value=bj。name是参数名称
3.单选按钮：radio
4..下拉列表框：<select><option></select>
（多选）列表框：在下拉列表框的前提下，指定了multiple（猫t po)后可以多选。滚动条是size属性
5..文本区域：<textarea></textarea> 。<TEXTAREA NAME="Mess" ROWS=6 COLS=35>：给文本框指定行列。在文本框之间能写默认的汉字

第二：表格：
上面写好数据以后，用表格输出数据<table>
1.border：表格的边框   bordercolor:背景颜色 width:宽度 80%是指占窗口的80%。 background:设置背景图片
 2.单元格<td>：cellspacing：表示单元格与单元格之间的距离，单元格和外边距之间的距离。  align="midden"居中。col=3挎列 row跨行
可以用align(水平位置),valign（垂直位置）,背景颜色等。<TR ALIGN="center" valign="top">
3.thead：表头，tbody:主体 tfoot:表尾
4.<caption>设置表的主体，显示的时候会显示表的上方居中。th表示标题行，自动居中加重
5. 在使用表格达到div效果的时候，用BORDER=0就行了(不显示细线了)。 BORDER=0<TABLE BORDER=0 WIDTH=380px HEIGHT=180px>
第三：浮动框架iframe(爱抚瑞)
frameborder=“0”就把框架的边框去掉了
第四：元数据：<meta>:修饰数据的数据。作用搜索引擎和设置报头（例如5秒一刷新）刷新 关键是http-equiv相应报头
    name属性和content属性

 

注意：在input中，id是用来确定这行代码的，也就是起的是选择器的作用
                 name是输出到前台页面的值，例如当注册成功的时候，上面地址栏会显示出注册信息，这里用的就是name的值
                 value是真正保存在数据库里面的值，保存到数据库里面的值跟在页面上显示的值是可以不一致的

分享到：
| 网：exp\imp 导入导出命令使用(相关关键字 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    J2EE实例：电子商城系统.rar

    《J2EE实例：电子商城系统》是一款基于Java企业版（J2EE）技术构建的电子商务平台。这个实例深入展示了如何运用J2EE的核心组件，如Servlet、JSP、JavaBeans、EJB以及相关的框架（如Spring、Hibernate等），来实现一...

    j2ee23：jquery：使用jquery技术实现奇数行偶数行换色

    在J2EE环境中，jQuery常常被用来增强用户界面的交互性和视觉效果。 首先，我们需要理解这个需求的基本概念。在网页的表格（table）中，通过改变奇数行和偶数行的背景颜色，可以提高数据的可读性，这种效果通常被...

    j2ee13:jsp02,request对象，中文乱码处理，url传参

    在J2EE13的环境中，我们经常遇到与JavaServer Pages (JSP)相关的开发工作。本主题聚焦于"request对象"，这是JSP中一个非常关键的组件，用于接收和处理HTTP请求中的数据。同时，它也涉及到中文乱码处理和通过URL传递...

    J2EE教程: Struts+Spring+JSF+Hibermate+EJB+XML+WebService+Ajax(part3)

    **J2EE教程详解：构建Struts+Spring+JSF+Hibernate+EJB+XML+WebService+Ajax集成应用** 本教程是关于J2EE开发的一份综合指南，它涵盖了多个核心技术和框架，旨在帮助开发者构建高效、可扩展的企业级应用程序。在这...

    j2ee实验二：学习使用Session和Cookie

    ### j2ee实验二：学习使用Session和Cookie #### 实验背景与目标 在现代Web应用开发中，理解和掌握会话管理和用户认证是至关重要的。本实验旨在通过一系列实际操作来帮助学生熟悉J2EE环境下Session和Cookie的工作...

    J2EE冲冲冲.pdf

    J2EE基础知识点总结 本文档总结了J2EE的基础...J2EE和HTML是两种不同的技术领域，但它们都是用于开发大规模的业务系统和Web应用程序的重要基础技术。本文档总结了J2EE和HTML的基础知识点，希望能够对读者有所帮助。

    j2ee04:js02，dom模型，三种找对象的方法，两种设置样式的方法，隐藏显示，全选，qq列表，计算器

    在IT行业中，JavaScript是网页开发不可或缺的一部分，尤其是在J2EE（Java 2 Enterprise Edition）环境中。本主题将探讨JavaScript中的DOM（Document Object Model）模型、查找DOM对象的三种方法、设置样式的方式、...

    j2ee:css样式

    在J2EE项目中，CSS通常被包含在HTML或者JSP（JavaServer Pages）文件中，或者是单独的CSS文件中，通过`&lt;link&gt;`标签引用。例如： ```html ``` 这行代码将在页面加载时引用名为"styles.css"的外部样式表，从而应用...

    j2ee分配：J2EE分配

    **J2EE分配详解** J2EE（Java 2 Platform, Enterprise Edition）是Java平台的企业版，主要用于构建分布式、多层的企业级应用。在J2EE分配中，我们需要理解和掌握一系列核心概念和技术，包括Servlet、JSP、EJB、JMS...

    j2ee打印 html例子

    首先，标题中的“j2ee打印html例子”是指在J2EE环境下，结合HTML页面进行打印操作。这通常涉及到浏览器的打印功能，以及可能利用的JavaScript库来增强用户体验。在描述中提到，通过添加打印机，并直接点击HTML文件...

    J2EE期末复习资料

    JSP（JavaServer Pages）是J2EE的一部分，它允许开发者在HTML页面中嵌入Java代码，动态生成网页内容。JSP指令如`&lt;jsp:include&gt;`和`&lt;%@include%&gt;`分别用于动态包含页面和静态包含页面。JSP的`forward`动作可以将请求...

    J2EE架构师手册：如何成为一位成功的J2EE架构

    《J2EE架构师手册：如何成为一位成功的J2EE架构》是一本旨在帮助读者快速提升J2EE架构技能的专业指南。J2EE（Java 2 Platform, Enterprise Edition）是Oracle公司提供的一个用于构建企业级分布式应用的平台，它包含...

    J2EE指南（J2EE中文教材）

    这篇指南包含很多完整的，可运行的例子。 J2EE指南对于广大的Java程序员来说是一份不可或缺的资料了。这篇导论对于初次碰到J2EE的程序员来说有着同样的作用。... http://java.sun.com/j2ee/docs.html#specs

    j2ee实验三：学习使用JSP技术

    【J2EE实验三：学习使用JSP技术】 在J2EE开发中，JavaServer Pages (JSP) 是一种用于创建动态网页的技术。本实验旨在帮助学生深入理解JSP的运行机制，掌握基本语法，以及如何运用JSP的属性、标准动作和表达式语言...

    J2EE课程大全，学j2ee的好东东

    Java 2 Platform, Enterprise Edition（J2EE）是Oracle公司推出的用于构建企业级分布式应用程序的框架，它提供了服务器端的编程模型和一组服务，以支持企业和互联网应用的开发、部署和管理。本课程大全旨在全面讲解...

    J2ee试题汇总J2ee试题J2ee考试题

    Java企业版（J2EE，现称为Java EE）是一个用于构建企业级分布式应用程序的平台，它基于Java技术，提供了一套全面的API和服务。这份"J2EE试题汇总"包含了大量关于J2EE的试题，旨在帮助学习者检验和提升在J2EE领域的...

    j2ee 笔记 j2ee 笔记 j2ee 笔记

    ### J2EE 笔记概览 #### 一、J2EE基础知识介绍 J2EE（Java 2 Platform, Enterprise Edition）是Sun Microsystems为简化企业级应用开发而提出的一套技术标准，它提供了构建分布式系统的基础框架。在J2EE环境中，...

    J2EE_5.0 api J2EE_5.0 api J2EE_5.0 api

    **J2EE 5.0 API详解** J2EE（Java 2 Platform, Enterprise Edition）是Java平台上用于构建企业级应用程序的框架。J2EE 5.0版本是在2006年发布的，它带来了许多重要的改进和更新，旨在简化开发过程、提高可移植性并...

Magicbox
Global site tag (gtag.js) - Google Analytics