篇一:html基础知识
******HTML基础知识******
1. Html的基本结构:
<html>
<head>
<title>第一个html</title>
</head>
<body>
白日依山尽,
黄河入海流。
欲穷千里目,
更上一层楼。
</body>
</html>
2. 2. 语言字符集(Charsets)的信息
<meta http-equiv="Content-Type" content="text/html;charset=#"> #=
us-ascii, iso-8859-1, x-mac-roman, iso-8859-2, x-mac-ce,
iso-2022-jp, x-sjis, x-euc-jp,
euc-kr, iso-2022-kr,
gb2312, gb_2312-80,
x-euc-tw, x-cns11643-1, x-cns11643-2, big5
3. 3. 背景色彩和文字色彩
<body bgcolor=# text=# link=# alink=# vlink=#>
bgcolor --- 背景色彩
text --- 非可链接文字的色彩
link --- 可链接文字的色彩
alink --- 正被点击的可链接文字的色彩
vlink --- 已经点击(访问)过的可链接文字的色彩
#=rrggbb
色彩是用 16 进制的 红-绿-蓝(red-green-blue, RGB) 值来表示。 16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
4. 背景图象
<body background="image-URL">
Non Scrolling Background <body bgproperties=FIXED>
5. 页面空白(Margin)
页面左边的空白 <body leftmargin=#>
页面上方的空白(天头) <body topmargin=#> #=margin amount
6.链接(Link)
基本语法 <a href="URL"> ... </a>
这是一个
<a href="samp/link.html">链接的例子</a>。
点一下带下划线的文字!
这是一个链接的例子。 点一下带下划线的文字!
7. 跳转到页面的另外一个地方
<a href="#name"> ... </a>
<a name="name"> ... </a>
<a href="#jump-test">跳转到下一个"链接点"</a><P>
<a name="jump-test">下一个链接点</a>
8. 跳转到另一个页面的某个地方
<a href="URL#name"> ... </a> <a name="name"> ... </a>
跳转到另一个页面的<a href="samp/link.html#jump-test">某个地方</a>。
跳转到另一个页面的某个地方。
9. 开一个新的(浏览器)窗口 (Target Window) <a href="URL" target="Window_Name"> ... </a>
<a href="samp/window.html" target="window_name">
开一个新窗口!
</a>
10. 开一个新的(浏览器)窗口 (Target Window) <a href="URL" target="Window_Name"> ... </a>
<a href="samp/window.html" target="window_name">
开一个新窗口!
</a>
11. 标尺线
<hr>
<hr>
<hr size=#>
<hr size=10>
<hr width=#>
<hr width=50>
<hr width=50%>
<hr align=#> #=left, right
<hr width=50% align=left> <hr width=50% align=right>
<hr noshade>
<hr noshade>
<hr color=#>
#=rrggbb 16 进制 RGB 数码,或者是下列预定义色彩:
Black, Olive,Teal, Red, Blue,Maroon, Navy,Gray, Lime, Fuchsia, ,Green, Purple,Silver, Yellow,Aqua
<hr color="red">
12. 标题字体(Header)
<h#> ... </h#> #=1, 2, 3, 4, 5, 6
<h1>今天天气真好!</h1> 今天天气真好!
<h2>今天天气真好!</h2> 今天天气真好!
<h3>今天天气真好!</h3> 今天天气真好!
<h4>今天天气真好!</h4> 今天天气真好!
<h5>今天天气真好!</h5> 今天天气真好!
<h6>今天天气真好!</h6> 今天天气真好!
?
? <hn>---</hn> 这些标记显示黑体字。 <hn>---</hn> 这些标记自动插入一个空行,不必用 <p>标记再加空行。 因此在一行中无法使用不同大小的字体。
13. 字体大小
<font size=#> ... </font> #=1, 2, 3, 4, 5, 6, 7 or +#,-# <basefont size=#> #=1, 2, 3, 4, 5, 6, 7
<font size=7>今天天气真好!</font> 今天天气真
今天天气真好! 好! <font size=6>今天天气真好!</font>
篇二:html基础知识
1.4.1 HTML概念
当畅游Internet时,通过浏览器所看到的网站是由HTML语言所构成的。HTML是一种建立网页文件的语言,通过标记式的指令(Tag),将影像、声音、图片、文字等连接显示出来。这种标记性语言是因特网上网页的主要语言。
HTML网页文件可以使用记事本、写字板或Dreamweaver等编辑工具来编写,以.htm或.html为文件后缀名保存。将HTML网页文件用浏览器打开显示,若测试没有问题则可以放到服务器(Server)上,对外发布信息。
1.4.2 HTML基本语法
HTML标记是由“<”和“>”所括住的指令标记,用于向浏览器发送标记指令。主要分为:单标记指令、双标记指令(由“<起始标记>”+内容+“</结束标记>”构成)。
<a href=”#”>aaaaa
HTML语言使用标志对的方法编写文件,既简单又方便。它通常使用“<标志名>内容</标志名>”来表示标志的开始和结束,因此在HTML文档中这样的标志对都必须是成对使用的。
为了便于理解,将HTML标记语言大致分为基本标记、格式标记、文本
标记、图像标记、表格标记、链接标记、表单标记等。
1.4.3 基本标记
基本标记是用来定义页面属性的一些标记语言。通常一份HTML网页文件包含3个部分:标头区<HEAD>??</HEAD>、内容区<BODY>??</BODY>和网页区<HTML>??</HTML>。
1.<html>??</html>
<html>标志用于HTML文档的最前边,用来标识HTML文档的开始。而</html>标志恰恰相反,它放在HTML文档的最后边,用来标识HTML文档的结束,两个标志必须一块使用。
2.<head>??</head>
<head>和</head>构成HTML文档的开头部分,在此标志对之间可以使用<title></title>、<script></script>等标志对。这些标志对都是用来描述HTML文档相关信息的,<head>和</head>标志对之间的内容是不会在浏览器的框内显示出来的,两个标志必
须一块使用。3.<body>??</body>
<body>和</body>是HTML文档的主体部分,在此标志对之间可包含<p>??</p>、<h1>??</h1>、<br>、<hr>等众多的标志。它们所定义的文本、图像等将会在浏览器的框内显示出来。<body>标志主要属性如表1-1所
示。
表1-1 <body>标志主要属性
以上各个属性可以结合使用,如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用6个十六进制数表示的RGB(即红、绿、蓝3色的组合)颜色,如#ff0000对应的是红色。
4.<title>??</title>
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文
本信息,那些信息一般是网页的主题。要将网页的主题显示到浏览器的顶部其实很简单,只要在<title></title>标志对之间加入需要显示的文本即可。
下面是一个简单的网页实例。通过该实例,读者便可以了解以上各个标志对在一个HTML文档中的布局或所使用的位置。
<html>
<head>
<title>显示在浏览器窗口最顶端中的文本</title>
</head>
<body bgcolor="red" text="blue">
<p>红色背景、蓝色文本</p>
</body>
</html>
?注意:<title></title>标志对只能放在<head></head>标志对之间。
1.4.4 格式标记
这里所介绍的格式标记都是用于<body></body>标志对之间的。
1.<p>??</p>
<p></p>标志对是用来创建一个段落,
在此标志对之间加入的文本将按照段落的格式显示在浏览器上。<p>标志还可以使用align属性,它用来说明对齐方式,语法如下所示。
<p align="参数"></p>
Align的参数可以是Left(左对齐)、Center(居中)和Right(右对齐)3个值中的任何一个。例如<p align="center"></p>表示标志对中的文本使用居中的对齐方式。
2.<br>
<br>是一个很简单的单标记指令,它没有结束标志,因为它用来创建一个回车换行,即标记文本换行。
?注意:如果把<br>加在<p></p>标志对的外边,将创建一个大的回车换行,
即<br>前边和后边的文本的行与行之间的距离比较大。若放在<p></p>
的里边则<br>前边和后边的文本的行与行之间的距离将比较小。
3.<blockquote>??</blockquote>
<blockquote></blockquote>标志对之间加入的文本将会在浏览器
中按两边缩进的方式显示出来。
篇三:HTML入门基础
HTML简介
HTML简介 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言,而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页
HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页
HTML文档编写方法 使用各类文本编辑器,存成*.htm或*.html 使用可视化HTML编辑器,如Dreamweaver,Frontpage Web服务器动态生成
HTML 标签 HTML 标签是由尖括号包围的关键词,比如 <html> HTML 标签包括两种格式: 单标签,比如<hr/> 双标签,比如<em>...</em> 标签对中的第一个标签是开始标签,第二个标签是结束标签 第一个标签内,可以设置标签属性,即标签样式:比如<hr size=3 align=left width="75%">
W3C标准 网页设计时,尽可能的遵循W3C标准,即网页的三个组成部分,结构(Structure),表现(Presentation),行为(Behavior),规范化是一种趋势。
标准WEB浏览器 基于Gecko排版引擎: Mozilla Firefox 基于WebKit排版引擎:Google Chrome基于Trident排版引擎:Internet Explorer 9.0或更高版本 在设计网页时,尽可能的使用,多款不同架构的标准浏览器进行调试。
HTML文档结构
<!DOCTYPE> 文档类型(英文简称DOCTYPE,英文全称 DOCument TYPE ),一个DOCTYPE是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。<!DOCTYPE>不是HTML标签,它仅仅提供一项信息(声明),即HTML是用什么版本编写的。1,HTML 4.01 规定了三种文档类型:Strict、Transitional 以及 Frameset。Strict DTD(严格) 如果需要干净的标记,免于表现层的混乱,使用此类型。与层叠样式表(CSS) 配合使用: <!DOCTYPE HTMLPUBLIC "-//W3C//DTD HTML 4.01//EN" "/retype/zoom/0d371ae60975f46527d3e1a8?pn=2&x=0&y=65&raww=893&rawh=245&o=png_6_0_0_0_0_0_0_892.979_1262.879&type=pic&aimh=131.6909294512878&md5sum=068c3b689fe0fc56dba1726ee0310647&sign=9df426cda6&zoom=&png=133-10490&jpg=0-0" target="_blank">点此查看
"/retype/zoom/0d371ae60975f46527d3e1a8?pn=4&x=0&y=0&raww=642&rawh=293&o=jpg_6_0_______&type=pic&aimh=219.06542056074767&md5sum=068c3b689fe0fc56dba1726ee0310647&sign=9df426cda6&zoom=&png=10624-16673&jpg=0-43157" target="_blank">点此查看
目录符号: 上一级目录:../ 当前目录:./ 根目录:/
绝对路径:
是指INTERNET网址的完成定位,它包含协议种类,服务器域名,文件路径和文件名。如:/news/news.html 或 file:///g:/wamp/www/index.html
相对路径:
是指INTERNET上资源相对当前页面的地址,它包含从当前指向目的页面位置的路径。如:./news/news.html 或./www/index.html (对站外的链接,必须使用绝对路径。在站内链接,可以使用相对路径)
head头部部分
<base> 页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。
例1:设置基URL和链接打开方式 <head>
<base href=".cn/i/" /> <base target="_blank" /> </head> <body>
<img src="eg_smile.gif" />
<a href=".cn">W3School</a> </body>
<meta> 提供有关页面的元信息(meta-information),如针对搜索引擎和更新频度的描述和关键词(keywords不要超过100个字符,关键字之间用逗号分割,不要超过7组;description不