excon
- 浏览: 144889 次
- 性别:
- 来自: 北京
-
最新评论
-
tuspark：
造成eclipse自动关闭的原因有很多，这里有很多介绍：ecl ...
eclipse 自动关闭 解决方案 -
少林拳1106：
楼主你好，弱弱的问一下，怎么找到—common\lib文件夹下 ...
在Eclipse中编写servlet时出现"The import javax.servlet cannot be resolved" 问题解决办法 -
lc6097551：
xuhang1128 写道楼主要放图片的话最好将图片先上传到j ...
把Notepad++打造成一个轻量级的Java学习工具 -
lord_is_layuping：
再来学习，还是看不到图片，呵呵
把Notepad++打造成一个轻量级的Java学习工具 -
excon：
xuhang1128 写道楼主要放图片的话最好将图片先上传到j ...
把Notepad++打造成一个轻量级的Java学习工具
文章列表
HTML的 <body> 有两个关于背景的属性，一个是 bgcolor，是设置背景颜色的；另一个是 background，是设置背景图片的。
bgcolor属性
bgcolor属性用来设置HTML网页的背景颜色。
示例
background属性
background属性用来设置HTML网页的背景图片。background属性值就是背景图片的路径和文件名，如：
<body background="../images/html_tutorials/blabla_logo.gif">
<body background="ht ...
在HTML里，可以用font这个元素及其属性来设定字体的大小，颜色和字体风格。
字体大小
用字体大小属性(size)来设定字体的大小。示例代码如下：
<p><font size="2">这一段的字体大小的值是2。</font></p>
演示示例
字体风格
用face属性来设定字体风格。示例代码如下：
<p><font fac="arial">这一段的字体风格是arial。</font></p>
演示示例
用 <img> 这个 Tag 可以在HTML里面插入图片。最基本的语法如下：
<img src="url">
url表示图片的路径和文件名。比如 url 可以是 images/logo/blabla_logo01.gif，也可以是个相对路径 "../images/logo/blabla_logo01.gif"。
示例
图片alt属性
<img>中有一个alt属性，英文叫alternate text。例句如下：
<img src = "../images/html_tutorials/sm ...
HTML表单(Form)是HTML的一个重要部分，主要用于采集和提交用户输入的信息。
举个简单的例子，一个让用户输入姓名的HTML表单(Form)。示例代码如下：
<form action="http://www.admin5.com/html/asdocs/html_tutorials/yourname.asp" method="get">
请输入你的姓名：
<input type="text" name="yourname">
<input type="sub ...
HTML有三种列表形式：排序列表(Ordered List)；不排序列表(Unordered List)；定义列表(Definition List)。
排序列表(Ordered List)
排序列表中，每个列表项前标有数字，表示顺序。
排序列表由<ol>开始，每个列表项由<li>开始。
排序列表示例
不排序列表(Unordered List)
不排序列表不用数字标记每个列表项，而采用一个符号标志每个列表项，比如圆黑点。
使用框架(Frame)，你可以在浏览器窗口同时显示多个网页。每个Frame里设定一个网页，每个Frame里的网页相互独立。
Frameset
<frameset></frameset>决定如何划分Frame。<frameset>有cols属性和rows属性。使用cols属性，表示按列分布Frame；使用rows属性，表示按行分布Frame。
Frame
用<frame>这个Tag设定网页。<frame>里有src属性，src值就是网页的路径和文件名。
下面的代码的目的是：将Frameset分成2列，第一列25%，表示第一列 ...
HTML表格用<table>表示。一个表格可以分成很多行(row)，用<tr>表示；每行又可以分成很多单元格(cell)，用<td>表示。
这三个Tag是创建表格最常用的Tag。
示例
border属性
在缺省情况下，如果不设置表格的边界，表格是不显示边界的。
示例：不显示边界的表格
要显示表格的边界，可使用border这个属性。
HTML初学者会经常遇到这样一个问题，如何正确引用一个文件。比如，怎样在一个HTML网页中引用另外一个HTML网页作为超链接(hyperlink)？怎样在一个网页中插入一张图片？......(相关教程：HTML超链接；HTML图片)
如果你在引用文件时(如加入超链接，或者插入图片等)，使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。
为了避免这些错误，正确地引用文件，我们需要学习一下HTML路径。
HTML有2种路径的写法：相对路径和绝对路径。
HTML相对路径(Relative Path)
同一个目录的文件引用
先看两个示例
建立一个超链接
这个示例演示了如何在HTML文件里创建超链接。
将一个图片作为一个超链接
这个示例演示了如何将一个图片作为一个超链接，即点击一个图片，可以连接到其它文件。
a和href属性
HTML用<a>来表示超链接，英文叫anchor。
HTML字符实体(Character Entities)
有些字符在HTML里有特别的含义，比如小于号<就表示HTML Tag的开始，这个小于号是不显示在我们最终看到的网页里的。那如果我们希望在网页中显示一个小于号，该怎么办呢？
这就要说到HTML字符实体(HTML Character Entities)了。
一个字符实体(Character Entity)分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体(Entity)名字或者是#加上实体(Entity)编号；第三部分是一个分号。
比如，要显示小于号，就可以写<或者 ...
HTML定义了一些文本格式的Tag，比如利用Tag，可以将字体变成粗体或者斜体。从下面的示例，你可以了解各种文本格式Tag如何改变HTML文本的显示。
常用文本格式Tag
Tag
Tag说明
<b>
粗体bold
<i>
斜体italic
HTML里，比较基础的Tag主要用于标题，段落和分行。
学习HTML最好的方法，就是跟着示例学。为了各位学习的方便，我们准备了一个简单的HTML编辑器，你可以在左边写HTML代码，然后点击上面的按钮，查看HTML的显示结果。
试试看吧！
示例：一个非常简单的HTML文件
这个示例算是一个最简单的HTML文件，只包含了最基本的能构成一个HTML文件的Tag。通过这个例子，你可以看到浏览器是如何显示这个文件的，以此对HTML文件有个最初的认识。
示例：简单的段落
什么是HTML文件？
HTML的英文全称是Hypertext Marked Language，中文叫做“超文本标记语言”。
和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。
一个HTML文件的后缀名是.htm或者是.html。
用文本编辑器就可以编写HTML文件。
这就试写一个HTML文件吧！
打开你的Notepad，新建一个文件，然后拷贝以下代码到这个新文件，然后将这个文件存成first.html。
<html>
<head>
<title>Title of page</title&g ...