Java-Web开发基础之html语法基础

于 2016-06-19 21:32:19 发布
阅读量1.5k 收藏 4
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiangziyong1989/article/details/51714167
版权



Java-Web开发基础之html语法基础

1.设置页面自动刷新在头部标签

<head></head>之间加上：<meta http-equiv="refresh" content="2;url=http://www.baidu.com">   

2.在网页中插入图片语法为：

 <img src="pa.jpg" width="50%" height="50%" align="right" border="2"/>  

3.在网页中设置一些字的格式大小等：

<font face="宋体" size="10" color="orange">文字效果显示</fort>  

4.在网页中插入文字超链接：
<a href="http://www.qq.com" target=blank title="点击可进入腾讯主页">腾讯主页</a>  

5.在网页中插入图片超链接：

 <a href="http://www.baidu.com"><img src="pa.jpg"></a> 

6.文字的基本修饰：
删除线     <del></del> 
下划线     <ins></ins>     
粗体       <b></b>    
斜体       <i></i>   
字号大小有 <h1></h1>到<h6></h6>标签

7.设置页面背景、背景图片、文本颜色：

 在<body>标签追加<body bgcolor="green" text="blue">

或

<body background="pa.jpg" text="blue">  

8.插入水平线：
<hr>    可以加以修饰
<hr color="yellow"size="1" width="80%" align="left"> 

9.表格的基本操作
<1>在网页中插入表格使用
<tible></tible>

标签
<tibel> 标签可以加以修饰如：
<table align="center" border="1" bordercolor="blue" width="300" height="100" bgcolor="#ffcccc" cellpadding="10" cellspacing="0">  

其中cellspacing="0"指定单元格间距为0  
cellpadding="10"指定单元格内元素与边框的间距为10像素。

<2标签<tr>代表表格中的一行

<3>标签<tb>代表表格中的一列

<4><tr>和<td>标签组合代表单元格
例如：
 <tr >  

      <td>姓名</td> 

      <td>科目</td> 
 
      <td>成绩</td> 

  </tr>  代表的就是一行三列的单元格

 

<5>跨行、跨列的单元格

跨列（合并水平单元格）：

<td colspan="3">yyy</td>插入了一个跨三列的单元格

 
跨行（合并垂直单元格）：
<td rowspan="3">联系方式</td>插入了一个跨三行的单元格

10.用户交互表单的基本操作

<1>定义一个表单

 <form action="2.jsp" method="post"> 

<2>插入文本框
     <input type="text" name="uesename" size="6"> 

    <input type="password" name="pw"> 

<3>插入单选按钮

    <input type="radio" name="genter" value="man" checked>男

    <input type="radio" name="genter" value="girl" >女

<4>插入多选框

 <input type="checkbox" name="fruit" value="apple">苹果

 <input type="checkbox" name="fruit" value="orange" checked>橙子

 <input type="checkbox" name="fruit" value="banana">香蕉

 
<5>插入下拉菜单

     <select name="fruit" size="1"> 

        <option value="apple">苹果

        <option value="orange">橙子

        <option value="banana">香蕉

     </select> 

<5>插入文本域

      <textarea name="info" cols="40" rows="7"></textarea>  
<6>插入文件上传组键

      <input type="file" name="f1"> 但是必须在<form>标签后追加enctype="multipart/form-data"method="post" 

<7>提交按钮、重置按钮
 <input type="submit" value="提交"> 

 <input type="reset" value="重新输入"> 

11.在网页中嵌入音频和视频文档加入标签<embed>

如：
     <embed src="1.wmv" autostart="true"  hidden="false"  controls="ControlPanel" width="250"  height="250" >  

12.插入有序列表：

其中的type可以填写1、a、A 

    <ol type="1"> 

      <li>第一</li> 

      <li>第二</li> 

      <li>第三</li> 

    </ol>  

13.网页中一些特殊字符显示

空格：&nbsp；

乘号：&times  

除号：&divide 

14.网页中文本按原样输出加上<pre></pre>标签


15. 标签<br>在网页中表示换行

标签<p></p>代表段落相当于加两个<br> 

16.target属性

   target属性指定所链接的页面在浏览器窗口中的打开方式，

它的参数值主要有：_blank、_parent、_self、_top，这些参数值代表的含义如下：

  -blank，在新浏览器窗口中打开链接文件。

  -parent，将链接的文件载入含有该链接框架的父框架集或父窗口中。如果含有该链接的框架不是嵌套的，则在浏览器全屏窗口中载入链接的文件，就象_self参数一样。

  -self，在同一框架或窗口中打开所链接的文档。此参数为默认值，通常不用指定。

  -top，在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架

17.align属性设置对齐方式通常有left、right、top、bottom 

18.
框架Frame  

<1> 将页面分成左右两个框架（指定第一个框架为页面的25%，余下的为第二个框架，nresize属性指定框架不能拖动）

    <frameset cols="25%,*">  

    <frame src="a.html" noresize> 

    <frame src="b.html"> 

<2>将页面分成上下两个框架

    <frameset rows="25%,*">  

    <frame src="a.html" noresize> 

    <frame src="b.html"> 

   </frameset> 

<3>嵌套框架

    <frameset rows="80,*" border="1"> 

     <frame src="topic.html" noresize> 

        <frameset cols="200,*">  

        <frame name="1xiong" src="001.html"> 

        <frame name="2xiong" src="002.html"> 

        </frameset>  

     </frameset>   

19.添加滚动文字<marquee></marquee> 

属性bgcolor设置滚动文字的背景颜色

   direction 设置滚动方向可选值有up down left right  

   behavior 设置滚动方式，scroll（循环往复滚动，为默认值），slide（滚动一次就停止），alternate（来回交替滚动）

   scrollamount 设置滚动速度一般设为3  

   scrolldelay 设置滚动延迟，常设值为50 120 400  

   width/height 设置滚动范围

   loop 设置滚动次数

 


   

xiangziyong1989
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值