读书人

html简介及用法小结

发布时间: 2012-10-31 14:37:32 作者: rapoo

html简介及用法总结
WWW基本概念
www的全称为World Wide Web,即全球广域网(万维网),是一种基于TCP/IP协议的网络信息服务。当WWW服务器接收到请求时,将HTML标记的文本发送给请求者,请求者的浏览器把HTML文本翻译后,显示在窗口中。


HTML简介
下面就一个简单的HTML文件进行解释,使读者对之有一个感性的认识,为以后的学习打下基础。读者可以对照其在浏览器中的显示情况,来了解HTML文件的基本格式、概念和标记。在编辑的文本文件中写出如下内容(可以使用Windows自带的记事本来编写):

 
*<HTML></HTML>标识:任何一个HTML文件都应该以该标识开头和结尾,该标识告诉浏览器使用HTML语言来解释和显示该文件。其他内容都应写在该标识之间。
*<head></head>标识:该标识是网页头部标识。写在该标识之间的内容一般不显示出来,只有后面讲到的<title></ title >标识会显示在浏览器顶部的蓝色标题栏中。
< title ></ title >标识:该标识放置于< head ></ head >标识之间,其中间书写的内容将显示在浏览器的顶部标题栏中,是HTML文件的标题,如上例所示,标题的内容可以任意制定,也可以不写。
*<body></body>标识:网页的主题内容应该放置在该标识之间,而该标识应该放置在<HTML></HTML>标识内部。

<HR>分隔线标识 :别忽视我阿!
<HR>的语法很简单,在需要插入分隔线的位置输入该标识即可,例如现在需要在上一个实例的第一句话后面插入一条分隔线,使之布局全理,可以将其源代码更改如下:
网页文档字符编码设置
<META content=银河,网盾工程,安全资讯,黑客入门,黑客攻防,软件下 name=keywords>
网页文档关键字的设置
<META content=银河信息技术学院。 name=description>
网页文档描述信息的设置
<LINK href="../images/cixicn.css" type=text/css rel=stylesheet>
网页文档链接样式表文件的设置
</HEAD>
结束标签

<meta>标记的主要作用是向服务器和客户端传达关于文档的隐藏信息。
<meta http-equiv="Content-type" content="Text/html; charset=gb2312">

属性说明:
http-equiv:设置或获取用于将 META 标签的 content 绑定到 HttP 响应头的信息。
Content:设置或获取与 HttP-EQUIV 或 NAME 关联的资源信息。
Charset:设置或获取用于解码对象的字符集。

<META content=银河,信息技术学院,网盾工程 name=keywords>
<META content=银河信息技术学院 name=descripTion>
属性说明:
Name:设置或获取META 对象的 CONTENT 标签属性中指定的值。
name值为“keywords”主要设置网站的关键字。
name值为“description”主要设置网站的描述信息。
例如:



<font>文本修饰标识
先来看一个实例,实例源代码如下:



上标标记 (<SUP>…</SUP>)\下标标记 (<SUB>…</SUB>)
例如:
2<SUP>2</SUP>
银河信息技术学院<SUB>数码组</SUB>



<a>超链接标识
语法:<a>文档</a>
属性:
1.Href 设置文本链接的地址
2.Target 目标窗口打开方式,值为“_blank”是弹窗打开,值为“_self”为自身窗口重定向。
3.Title 是鼠标悬停在链接文本上的文字提示。
现在可以创建一个最简单的链接:
<a href="http://www.sina.com">新浪网</a>

把协议换成"mailto:",如:<a href="mailto:marsz@163.net">给我来信</a>,这样如果点击该链接,系统就会打开默认的E-mail程序进行处理,另一个和它相似是而的协议是"newsgroup:",它将打开默认的信息组程序,用法和打开E-mail类似。
下面以一个具体实例说明:


<Img>图像标识
</a>
Web浏览器在超链接图的四周显示一个边框,以示可被触发。若想去掉这个边框只需在<img>中加上属性border=0就可以了


段落标记<P>…</P>与换行标记<br>



居中标记<center>…</center>
居中标记从文本意义上理解就是居中对齐,凡是放在<center>开始标记和</center>结束标记中的内容,无论是文本还是图片或者是表格等等都可以实现居中显示。


预先格式化标记<pre>…</pre>
 
OL 标记符具有两个常用的属性:type 和 start,分别用来设置数字序列样式和数字序列起始值。start 属性的值可以是任意整数, type 属性的值如下表所示3-5-3.23:
例如:
 
  语法:autostart=true、false?
  说明:该属性规定音乐文件是否在下载完之后就自动播放。?
  True:音乐文件在下载完之后自动播放;?
  false:音乐文件在下载完之后不自动播放。?
  示例:<bgsound?src="your.mid"?autostart=true>?
   <bgsound?src="your.mid"?autostart=false>?
  2.循环播放:?
  语法:loop=正整数或infinite?
  说明:该属性规定音乐文件的循环次数。

第二种:
<embed src=音乐链接地址 width=200 height=50 type=audio/mpeg loop="true" autostart="true">
代码说明:
支持的音乐格式: wma、mp3、rm、ra、ram、asf,尽量选用可连接性高的音乐链接,保证音乐可以顺利播放;
width和height表示播放器宽度和高度,可以灵活设置;
autostart="true"表示自动播放,autostart="false"表示不自动播放; loop="true"表示连续循环播放,loop="false"表示不循环播放; loop也可以设为一个整数,比如loop="3",表示音乐循环播放3次;
<marquee>
<marquee><strong><font color="#FF0000">前不见古人,后不见来者。</font></strong></marquee>

特殊符号:
如果想在网页中插入“注册商标”、“空格符号”、“版权”等等,这些都属于特殊
符号的范畴。
注册商标:®
空格符号: 
版权符号:©


间距及align用来设置图片旁边文本的排列对齐方式
常用值:Top,middle,absmiddle,bottom,left,right,absbottom



<frame>框架标识
要在一个浏览器窗口中显示多个页面,实际上表示一个帧的划分,而frame表示这个划分中的单元。下面是一个简单的框架文件的内容:x
例如2:"


例如2:


属性说明: size="10" 字符宽度
maxlength="10"最多字符数

<table>表格标识

b.Table通常是由一个表格名称再加上一行或多行的表格内容所构成的块状结构。



<Th>和<Td>的属性
引用
属 性 描 述

width/height 单元格的宽和高,接受绝对值(如 80及相对值(如 80%)。
colspan 单元格向右打通的栏数
rowspan 单元格向下打通的列数
align 单元格内字画等的摆放贴,位置(水平),可选为:left,center,right。
valign 单元格内字画等的摆放贴 位置(垂直),可选值为: Top, middle, bottom。
bgcolor 单元格的底色
bordercolor 单元格边框颜色
background 单元格 背景图片

读书人网 >CSS

热点推荐