`

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 导入导出命令使用(相关关键字 ...
评论
发表评论

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

相关推荐

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