1.HTML

  a.定义:HTML指的是超文本标记语言

  b.特点:HTML不是一种编程语言,而是一种标记语言

      标记语言是一套标记标签

      HTML使用标记标签来描述网页

  c.HTML标签:①通常标签是成对出现的,有开始就有结束

<标签名>  </标签名>

          ②有些标签有属性

<标签名 属性名="属性值">  </..>

  d.网页的基本格式

<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>

2.重要标签:

  a.h1~h6标签(块级标签):

<h1>样式一</h1>
<h3>样式三</h3>
<h6>样式六</h6>

  b.段落标签(不保留段落格式):

<p>段落</p>

  c.预格式化标签(保留段落格式):

<pre>预格式化段落</pre>

  e.图片标签(行级标签):

<img src="../image/fish.jpg" alt="图片无法显示" title="这是一条鱼" width="50%" height="500px" />

  f.meta标签:

    写在head中解决乱码问题:

<meta http-equiv="content-type" content="text/html;charset=utf-8">

    设置关键词:

<meta name="keywords" content="女装">

    设置描述:

<meta name="discription" content="公司名字">

    设置自动跳转:

<meta http-equiv="refresh" content="5;url=http://www.baidu.com">

  g.link标签:设置标签图案

<link rel="shortcut icon" href="../image/logo.ico">

  h.超链接标签:

<a href="http://www.baidu.com" target="_blank">跳转</a>

    注:target表示目标地址在哪里被打开。_self在自己窗口中打开:_blank在空白窗口中打开

  i.锚点:

    ①锚点的申明:

<a name="first">  </a>

    ②锚点的使用:

<a href="#first">  </a>

3.其他标签与符号:

  a.注释:<!--这就是注释-->

  b.空格:&nbsp;

  c.换行:<br>

  d.加粗:<b></b>

  e.小于:&lt;

  f.大于:&gt;

  g.斜体:<i></i>

  h.©:&copy;

4.列表标签(块级):

  a.有序列表:(默认type为数字)

<ol type="A" start="27">
<li>吃饭</li>
<li>睡觉</li>
<li>打豆豆</li>
</ol>

  b.无序列表:(默认type为实心圆点)

<ul type="circle">
<li>吃</li>
<li>吃</li>
<li>吃</li>
</ul>

  c.定义列表:

<dl>
<dt><img src="img/long.jpg"></dt>
<dd>龙套装定价:<font size="32" color="red">888</font>元</dd>
</dl>

5.表格标签:

  a.格式:

<table align="center" border="1" width="50%" rules="row">
<tr>
<th>姓名</th>
<td align="center">张三</td>
<th>性别</th>
<td align="center">男</td>
</tr> <tr>
<th>姓名</th>
<td align="center">李四</td>
<th>性别</th>
<td align="center">男</td>
</tr>
</table>

  b.跨列合并:<td colspan="2">

  c.跨行合并:<td rows="2">

  d.隐藏标签:

    ①表头:<thead>  </thead>

    ②表体:<tbody>  </tbody>

    ③表尾:<tfoot>  </tfoot>

6.框架标签:

  a.<frameset>:(独立于<html>)

<frameset rows="20%,60%,*">
<frame src="top.html"/>
<frame src="center.html"/>
<frame src="footer.html"/>
</frameset>

  b.<iframe>:(嵌套于<body>)

<iframe src="http://www.baidu.com" width="80%" height="300">
<iframe>

7.表单:

  a.<form>

<form action="success.html" method="post">
输入元素
</form>

    注:action表示表单提交的位置,method表示提交方式,有"post"与"get"两种,"get"为默认提交方式,不安全

  b.文本框:

<input type="text" value="请输入用户名" readonly="readonly" maxlength="5"/>

    注:readonly表示只读

  c.密码框:

<input type="password"/>

  d.单选框:

<input type="radio" name="gender" checked="checked"/>男
<input type="radio" name="gender"/>女

    注:名字相同,默认为一组

  e.复选框:

<input type="checkbox"/>

  f.下拉列表:

<select>
<option>四川</option>
<option>云南</option>
</select>

  g.文件上传:

<input type="file"/>

  h.文本域:

<textarea rows="20" cols=40>
</textarea>

  i.普通按钮:

<input type="button" value="注册"/>

  j.重置按钮:

<input type="reset" value="重置"/>

  k.提交按钮:

<input type="submit" value="提交"/>
<input type="image" src="data:image/8.jpg"/>

  l.隐藏表单:

<input type="hidden" name="hello" value="hello"/>

  m.标题框:

<fieldset>
<legend>必填信息</legend>
<input type="text"/>
</fieldset>

  n.控制标签:

<label for="username">用户名</label>
<input id="username" type="text"/>

8.补充标签:

  a.文字标签:<font>  </font>

  b.滚动条标签:<marquee>  </marquee>

<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()"> <font size="5px" color="red">恭喜“你有一条虫”获得顶级装备</font> </marquee>

Java 之 HTML的更多相关文章

  1. Spark案例分析

    一.需求:计算网页访问量前三名 import org.apache.spark.rdd.RDD import org.apache.spark.{SparkConf, SparkContext} /* ...

  2. 故障重现(内存篇2),JAVA内存不足导致频繁回收和swap引起的性能问题

    背景起因: 记起以前的另一次也是关于内存的调优分享下   有个系统平时运行非常稳定运行(没经历过大并发考验),然而在一次活动后,人数并发一上来后,系统开始卡. 我按经验开始调优,在每个关键步骤的加入如 ...

  3. Elasticsearch之java的基本操作一

    摘要   接触ElasticSearch已经有一段了.在这期间,遇到很多问题,但在最后自己的不断探索下解决了这些问题.看到网上或多或少的都有一些介绍ElasticSearch相关知识的文档,但个人觉得 ...

  4. 论:开发者信仰之“天下IT是一家“(Java .NET篇)

    比尔盖茨公认的IT界领军人物,打造了辉煌一时的PC时代. 2008年,史蒂夫鲍尔默接替了盖茨的工作,成为微软公司的总裁. 2013年他与微软做了最后的道别. 2013年以后,我才真正看到了微软的变化. ...

  5. 故障重现, JAVA进程内存不够时突然挂掉模拟

    背景,服务器上的一个JAVA服务进程突然挂掉,查看产生了崩溃日志,如下: # Set larger code cache with -XX:ReservedCodeCacheSize= # This ...

  6. 死磕内存篇 --- JAVA进程和linux内存间的大小关系

    运行个JAVA 用sleep去hold住 package org.hjb.test; public class TestOnly { public static void main(String[] ...

  7. 【小程序分享篇 一 】开发了个JAVA小程序, 用于清除内存卡或者U盘里的垃圾文件非常有用

    有一种场景, 手机内存卡空间被用光了,但又不知道哪个文件占用了太大,一个个文件夹去找又太麻烦,所以我开发了个小程序把手机所有文件(包括路径下所有层次子文件夹下的文件)进行一个排序,这样你就可以找出哪个 ...

  8. Java多线程基础学习(二)

    9. 线程安全/共享变量——同步 当多个线程用到同一个变量时,在修改值时存在同时修改的可能性,而此时该变量只能被赋值一次.这就会导致出现“线程安全”问题,这个被多个线程共用的变量称之为“共享变量”. ...

  9. Java多线程基础学习(一)

    1. 创建线程    1.1 通过构造函数:public Thread(Runnable target, String name){}  或:public Thread(Runnable target ...

  10. c#与java的区别

    经常有人问这种问题,用了些时间java之后,发现这俩玩意除了一小部分壳子长的还有能稍微凑合上,基本上没什么相似之处,可以说也就是马甲层面上的相似吧,还是比较短的马甲... 一般C#多用于业务系统的开发 ...

随机推荐

  1. 关于html5的几个新标签在IE9之前不支持的解决办法

    IE8及之前的浏览器不支持用CSS的方法来使用这些尚未支持的结构元素,为了在Internet Explorer浏览器中也能正常使用这些结构元素,需要使用JavaScript脚本,如下:<scri ...

  2. debug运行可以,release运行报错的原因及修改方法

    通常我们开发的程序有2种模式:Debug模式和Release模式在Debug模式下,编译器会记录很多调试信息,也可以加入很多测试代码,方便我们程序员测试,以及出现bug时的分析解决Release模式下 ...

  3. HDU1171--Big Event in HDU(多重背包)

    Big Event in HDU   Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) ...

  4. RMQ 详解

    RMQ(Range Minimum/Maximum Query)问题:RMQ问题是给定一个区间,求这个区间中的最大或最小值的问题 RMQ采用动态规划的思想来求解:(st算法:Square Table) ...

  5. hdu 1728 逃离迷宫 (BFS)

    逃离迷宫 Time Limit : 1000/1000ms (Java/Other)   Memory Limit : 32768/32768K (Java/Other) Total Submissi ...

  6. CentOS下Samba服务器的配置

    主要用途: 在两台计算机间共享文件.打印机 安装: yum install samba 启动服务: /etc/rc.d/init.d/smb start 添加用户  (必须是系统中真实存在的用户) s ...

  7. CodeForces 567B Berland National Library

    Description Berland National Library has recently been built in the capital of Berland. In addition, ...

  8. 转:【WebDriver】封装GET方法来解决页面跳转不稳定的问题

    在大多数测试环境中,网络或者测试服务器主机之间并不是永远不出问题的,很多时候一个客户端的一个跳转的请求会因为不稳定的网络或者偶发的其它异常hang死在那里半天不动,直到人工干预动作的出现.      ...

  9. 动态规划3-------poj1050

    首先还是对题目的意思进行说明,给出一个矩阵的数,然后求出一个子矩阵这个子矩阵包含的数的和是最大的.   首先对于题目进行转化,利用一个数组add进行存放临时数据,第一行存放原来数据的第一行,第二行存放 ...

  10. ThinkPHP 框架执行流程分析

    总体来说,应用的流程涉及到几个文件:Index.phpThinkPHP.phpThink.class.phpApp.class.phpDispatcher.class.phpThinkPHP/Mode ...