码迷,mamicode.com
首页 > 编程语言 > 详细

[Java]html

时间:2014-12-22 20:58:12      阅读:353      评论:0      收藏:0      [点我收藏+]

标签:

在这里学习 http://www.w3school.com.cn/html/html_intro.asp

 

<a>链接

<a href="http://www.w3school.com.cn">This is a link</a>
This is a link
<img src="http://hbfile.b0.upaiyun.com/img/hb_explore_recommend/09efa8f0c3d11823b2190b28cfff1ecf99f06191c105">
技术分享

<alt>标签

<img src="http://hbfile.b0.upaiyun.com/img/hb_explore_recommend/09efa8f0c3d11823b2190b28cfff1ecf99f06191c105M" alt="窗帘">

技术分享窗帘

 

 

 

<p>,<h>标签

<html lang="en">
 <body>
    <h1>My first Heading</h1><!--标题-->
    <h2>My first Heading</h2><!--标题-->
    <h3>My first Heading</h3><!--标题-->
    <h4>My first Heading</h4><!--标题-->
    <h5>My first Heading</h5><!--标题-->
    <h6>My first Heading</h6><!--标题-->
    <p>My first paragraph.</p><!--段落-->
 </body>
</html>

My first Heading

My first Heading

My first Heading

My first Heading

My first Heading
My first Heading

My first paragraph.

<br>换行标签

vvvvvv<br>vvvvvvvvvv
    ssssssssssssssss

   vvvvvv
vvvvvvvvvv ssssssssssssssss 

<hr />定义水平线标签

                       图像标签

标签描述
<img> 定义图像。
<map> 定义图像地图。
<area> 定义图像地图中的可点击区域。

                                                                 文本格式化标签

标签描述
<b> 定义粗体文本。
<big> 定义大号字。
<em> 定义着重文字。
<i> 定义斜体字。
<small> 定义小号字。
<strong> 定义加重语气。
<sub> 定义下标字。
<sup> 定义上标字。
<ins> 定义插入字。
<del> 定义删除字。
<s> 不赞成使用。使用 <del> 代替。
<strike> 不赞成使用。使用 <del> 代替。
<u> 不赞成使用。使用样式(style)代替。

                      “计算机输出”标签

标签描述
<code> 定义计算机代码。
<kbd> 定义键盘码。
<samp> 定义计算机代码样本。
<tt> 定义打字机代码。
<var> 定义变量。
<pre> 定义预格式文本。
<listing> 不赞成使用。使用 <pre> 代替。
<plaintext> 不赞成使用。使用 <pre> 代替。
<xmp> 不赞成使用。使用 <pre> 代替。

                                                              引用、引用和术语定义

标签描述
<abbr> 定义缩写。
<acronym> 定义首字母缩写。
<address> 定义地址。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。
<q> 定义短的引用语。
<cite> 定义引用、引证。
<dfn> 定义一个定义项目。

 

标签描述
<style> 定义样式定义。
<link> 定义资源引用。
<div> 定义文档中的节或区域(块级)。
<span> 定义文档中的行内的小块或区域。
<font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式。
<basefont> 定义基准字体。不赞成使用。请使用样式。
<center> 对文本进行水平居中。不赞成使用。请使用样式。

                        表格标签

表格描述
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格的表头。
<tr> 定义表格的行。
<td> 定义表格单元。
<thead> 定义表格的页眉。
<tbody> 定义表格的主体。
<tfoot> 定义表格的页脚。
<col> 定义用于表格列的属性。
<colgroup> 定义表格列的组。

使用 Target 属性,你可以定义被链接的文档在何处显示。

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
<p>
<img src ="/i/eg_cute.gif" align ="left"> 
带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。
</p>

Visit W3School!

如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。

                        列表标签

标签描述
<ol> 定义有序列表。
<ul> 定义无序列表。
<li> 定义列表项。
<dl> 定义定义列表。
<dt> 定义定义项目。
<dd> 定义定义的描述。
<dir> 已废弃。使用 <ul> 代替它。
<menu> 已废弃。使用 <ul> 代替它。

HTML 分组标签
标签      描述
<div>     定义文档中的分区或节(division/section)。
<span>    定义 span,用来组合文档中的行内元素。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div#container{width:500px}
div#header {background-color:#99bbbb;}
div#menu {background-color:#ffff99; height:200px; width:100px; float:left;}
div#content {background-color:#EEEEEE; height:200px; width:400px; float:left;}
div#footer {background-color:#99bbbb; clear:both; text-align:center;}
h1 {margin-bottom:0;}
h2 {margin-bottom:0; font-size:14px;}
ul {margin:0;}
li {list-style:none;}
</style>
</head>

<body>

<div id="container">

<div id="header">
<h1>Main Title of Web Page</h1>
</div>

<div id="menu">
<h2>Menu</h2>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</div>

<div id="content">Content goes here</div>

<div id="footer">Copyright W3School.com.cn</div>

</div>

</body>
</html>

the result 

                      表单标签

标签描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮
<isindex> 已废弃。由 <input> 代替。

                            这个表格给出了由三种颜色混合而成的具体效果:

ColorColor HEXColor RGB
  #000000 rgb(0,0,0)
  #FF0000 rgb(255,0,0)
  #00FF00 rgb(0,255,0)
  #0000FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #00FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)

This is a link

 

[Java]html

标签:

原文地址:http://www.cnblogs.com/lkboy/p/4178839.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!