Java 之 HTML

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.空格： 

　　c.换行：<br>

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

　　e.小于：<

　　f.大于：>

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

　　h.©：©

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的更多相关文章

Spark案例分析
一.需求:计算网页访问量前三名 import org.apache.spark.rdd.RDD import org.apache.spark.{SparkConf, SparkContext} /* ...
故障重现(内存篇2)，JAVA内存不足导致频繁回收和swap引起的性能问题
背景起因: 记起以前的另一次也是关于内存的调优分享下有个系统平时运行非常稳定运行(没经历过大并发考验),然而在一次活动后,人数并发一上来后,系统开始卡. 我按经验开始调优,在每个关键步骤的加入如 ...
Elasticsearch之java的基本操作一
摘要接触ElasticSearch已经有一段了.在这期间,遇到很多问题,但在最后自己的不断探索下解决了这些问题.看到网上或多或少的都有一些介绍ElasticSearch相关知识的文档,但个人觉得 ...
论：开发者信仰之“天下IT是一家“(Java .NET篇)
比尔盖茨公认的IT界领军人物,打造了辉煌一时的PC时代. 2008年,史蒂夫鲍尔默接替了盖茨的工作,成为微软公司的总裁. 2013年他与微软做了最后的道别. 2013年以后,我才真正看到了微软的变化. ...
故障重现, JAVA进程内存不够时突然挂掉模拟
背景,服务器上的一个JAVA服务进程突然挂掉,查看产生了崩溃日志,如下: # Set larger code cache with -XX:ReservedCodeCacheSize= # This ...
死磕内存篇 --- JAVA进程和linux内存间的大小关系
运行个JAVA 用sleep去hold住 package org.hjb.test; public class TestOnly { public static void main(String[] ...
【小程序分享篇一】开发了个JAVA小程序，用于清除内存卡或者U盘里的垃圾文件非常有用
有一种场景, 手机内存卡空间被用光了,但又不知道哪个文件占用了太大,一个个文件夹去找又太麻烦,所以我开发了个小程序把手机所有文件(包括路径下所有层次子文件夹下的文件)进行一个排序,这样你就可以找出哪个 ...
Java多线程基础学习（二）
9. 线程安全/共享变量——同步当多个线程用到同一个变量时,在修改值时存在同时修改的可能性,而此时该变量只能被赋值一次.这就会导致出现“线程安全”问题,这个被多个线程共用的变量称之为“共享变量”. ...
Java多线程基础学习（一）
1. 创建线程 1.1 通过构造函数:public Thread(Runnable target, String name){} 或:public Thread(Runnable target ...
c#与java的区别
经常有人问这种问题,用了些时间java之后,发现这俩玩意除了一小部分壳子长的还有能稍微凑合上,基本上没什么相似之处,可以说也就是马甲层面上的相似吧,还是比较短的马甲... 一般C#多用于业务系统的开发 ...

随机推荐

HTML一些小细节
这里主要是记录一些看起来不重要,但是其实作用不小或者使用起来某种情况下好用的东西,又或者是重要的但容易忽略的基础知识 1. HTML5之后的第一个标签是<!DOCTYPE html> 这个 ...
chromium blog
http://blog.chromium.org/
linux下ssh端口的修改和登录
linux下ssh端口的修改和登录首先修改配置文件 vi /etc/ssh/sshd_config 找到#Port 22一段,这里是标识默认使用22端口,添加如下一行: Port 50000 然后保 ...
tomcat配置文件server.xml参数说明
元素名属性解释 server port 指定一个端口,这个端口负责监听关闭tomcat 的请求 shutdown 指定向端口发送的命令字符串 service name 指定service 的名字 ...
关于sqlserver还原不了数据库的原因
因为备份文件需要在服务器上打成压缩包,才能进行传输,不然会丢失数据..
SPOJ Count on a tree
Count on a tree Time Limit:129MS Memory Limit:1572864KB 64bit IO Format:%lld & %llu Subm ...
原生 JS Ajax,GET和POST 请求实例代码
javascript/js的ajax的GET请求代码如下所示: <script type="text/javascript"> /* 创建 XMLHttpRequest ...
Linux：系统的基本优化
前言,在拥有一台服务器的时候,首先第一件事就要根据自己的需求进行初期的优化(装好系统了),以下是关于linux系统的基本优化,内容来源与网络,自己整理了以下,忘记来自哪个网址了, centos 系统优 ...
JAVA基础--toString, equals方法
==比较的是地址 equals比较的是内容. 所以要重写object的equals方法. public class TestEquals { public static void main(Strin ...
Installation error: INSTALL_FAILED_UPDATE_INCOMPATIBLE
Installation error: INSTALL_FAILED_UPDATE_INCOMPATIBLE 晚上在测一个widget,前面测的好好的,后面再安装的时候发现如下错误:[2009-06- ...

Java 之 HTML

Java 之 HTML的更多相关文章

随机推荐

热门专题