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. 【Qt开发】修改源码文件的编码格式的小技巧 .

    默认情况下,代码文件应该以utf-8的格式来存储的.而如果在代码文件的转移或者上传下载过程中,弄乱了文件的编码格式,一般会出现乱码的情况. 例如windows系统下,中文就很容易出现乱码,如下图,文件 ...

  2. 从内存溢出看Java 环境中的内存结构(转)

    作为有个java程序员,我想大家对下面出现的这几个场景并不陌生,倍感亲切,深恶痛绝,抓心挠肝,一定会回过头来问为什么为什么为什么会这样,嘿嘿,让我们看一下我们日常在开发过程中接触内存溢出的异常: Ex ...

  3. ZooKeeper应用理论及其应用场景

    ZooKeeper Client APIZooKeeper Client Library提供了丰富直观的API供用户程序使用,下面是一些常用的API: ● create(path, data, fla ...

  4. STL笔记之【map之总概】

    1.map和multimap内部数据结构: 红黑树(平衡二叉树的一种)2.在往map和multimap中插入元素时,会自动进行排序3.map和multimap的所有元素的key都被视为常数,其元素的实 ...

  5. 转 oraenv

    代码如下: lines, characters #!/bin/sh # # Get the machine type and then set up ORATAB and TNS_ADMIN vari ...

  6. android中设置ListView的选中的Item的背景颜色

    ListView中没有默认的选择颜色,只有选择Item后的焦点颜色,鼠标点击时Item有颜色,放开鼠标后颜色也就没有了,要实现放开鼠标后选择项的背景还是有颜色的. 1.配置main.xml <? ...

  7. PAT (Advanced Level) 1090. Highest Price in Supply Chain (25)

    简单dfs. #include<cstdio> #include<cstring> #include<cmath> #include<algorithm> ...

  8. Qt5：Qt中一些函数功能介绍

    1  .setContentsMargins 该函数用于设置窗口客户区中,四周空白边框的尺寸 , 类似于 word 中的 页边距设置 2.canonical Path 返回文件路径的规范路径 , 也就 ...

  9. Python之路： socket篇

    (默认)与特定的地址家族相关的协议,如果是  ,则系统就会根据地址格式和套接类别,自动选择一个合适的协议 sk import socketip_port = ()sk = socket.socket( ...

  10. Tiles布局

    1. header, sidebar,welcome,footer 4个jsp文件 WEB-INF目录下创建模板文件: commons文件夹下 footer.jsp header.jsp layout ...