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. php 创建删除数据库

    <?php $dbhost = 'localhost:3306'; $dbuser = 'root'; $dbpass = ''; $conn = mysql_connect($dbhost, ...

  2. vim（ubuntu） 设置行号和缩进

    在终端 输入以下命令来编辑vimrc配置文件: sudo vim /etc/vim/vimrc 或者 sudo gedit /etc/vim/vimrc 1.显示行号 在文件末端添加一新行,输入 se ...

  3. linux的mount（挂载）NFS 共享，命令详解

    Linux下挂载(mount)光盘镜像文件.移动硬盘.U盘.Windows和NFS网络共享 linux是一个优秀的开放源码的操作系统,可以运行在大到巨型小到掌上型各类计算机系统上,随着 linux系统 ...

  4. php basename()文件夹 路径 文件后缀名 读取pathinfo()

    $path = "/www/mywebsite/images/myphoto.jpg"; 1.pathinfo()函数 pathinfo()函数返回的是一个包含了文件信息的数组,数 ...

  5. 一道js题

    <script> var a = 5; function test(){ this.a = 10; a = 15 this.func = function(){ var a = 20 ; ...

  6. HDU 2167 Pebbles(状压DP)

    题目链接:Pebbles Time Limit: 3000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Tota ...

  7. ssh密钥登录及远程执行命令

    以192.168.1.104作为客户机 以192.168.1.103作为服务器 使用密钥登录 创建密钥对 在SSH客户机创建用户秘钥对 ssh-keygen -t rsa 之后全回车即可 将会在~/. ...

  8. iOS之Nib和Xib以及storyboard（故事版）

    本文转发至:http://blog.csdn.net/tonny_guan/article/details/8542789 nib.xib与故事板 如果大家使用过苹果的官方资料,一定会发现某些资料上会 ...

  9. javascript 基础系列（一）

    闭包: function 内部访问外部的variables function f(){ alert(ysr); } 报错了. Certain language constructs block the ...

  10. source command not found in sh shell解决办法

    在Ubuntu系统中执行脚本的时候突然出现错误"source command not found in sh shell" 这个其实在Ubuntu 当中 执行脚本默认的使用的是da ...