首頁 > web前端 > html教學 > HTML-网络编程(2)_html/css_WEB-ITnose

HTML-网络编程(2)_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:17:19
原創
1110 人瀏覽過

前言

接着前面的HTML—网络编程1)来学习吧~~~

色彩的表示

在计算机显示器中,使用红(red)、绿(green)、蓝(blue)3种颜色来构成各种各样的颜色。颜色的种类有16,256及65536等多种。我们把这三种颜色人0到255分别编号,再表示为16进制的数,则红色(rr)就从00到ff,绿色(gg)和蓝色(bb)两种颜色也如此。三种颜色的表示合起来就是rrggbb。这样一来,可以用一种颜色中所含红、绿、蓝成分的程度,数值化地表示颜色。如:黑色为000000、白色为ffffff、墨绿色为008040、深灰色为808080等。在HTML中,可用这种方式指定颜色。

颜 色 名 称 颜 色 名 称Black   黑   Red 红White   白   Fuchsia 洋红Navy    深蓝  Maroon  棕Blue    蓝   Purple  紫Aqua    浅蓝  Green   绿Teal    靛   Olive   橄榄色Silver  银灰(浅灰)  Lime    柠檬绿Gray    灰   Yellow  黄
登入後複製

文本的颜色

在body的属性中,可以使用以下几种属性改变文本的颜色。

text属性

       该属性用来设置文本的颜色。该“文本”可以是标题、正文及表中的文字,但不能用于超链接的文字。使用格式为:<text=#rrggbb>
登入後複製

vlink属性

将文档中已被访问的链接颜色设置颜色:设置鼠标点过超链接文字时,该链接文字的颜色,默认为红色,使用格式为:<vlink=#rrggbb>
登入後複製

alink属性

设置超链接文字颜色,该链接文字的颜色,默认为红色,使用格式为:<alink=#rrggbb>
登入後複製

< font>标记的color属性

以上几种属性所都是指定整个网页中某一类文字的色彩,用<font>标记的color属性可指定任意一段文字的色彩。<font color=#rrggbb> 
登入後複製

表格的背景色

<table>标记的bgcolor属性用来指定整个表格的背景颜色,使用格式为:<table bgcolor=#rrggbb>
登入後複製
<td>标记的bgcolor属性用来指定表格中一行的背景颜色,使用格式为:<td bgcolor=#rrggbb>
登入後複製
<th>标记的bgcolor属性用来指定表格中栏目行的背景颜色,使用格式为:<th bgcolor=#rrggbb>
登入後複製
<hr>标记的color属性用来指定分隔线的颜色,使用格式为:<hr color=#rrggbb />
登入後複製
<font>标记的face和color属性指定字体与颜色,格式:<font face=“字体名” color=#rrggbb >
登入後複製
超文本链接

超文本链接是网页中一种非常重要的功能,是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页,也可以从一个网站转到另一个网站,这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮,使它和整个网页融为一体。

所谓的超文本链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。
而在一个网页中用来超文本链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

☆页面链接

用HTML创建超文本链接需要使用<A>标记符(结束标记符</A>不能省略),它的最基本属性是href,用于指定超文本链接的目标。通过为href指定不同的值,可以创建出不同类型的超链接。在HTML文件中用链接指针指向一个目标。其基本格式为:<a href = "…">标记超文本链接信息</a>
登入後複製

☆本地链接

超文本链接指向自己的计算机中的某一个文件,叫本地链接。在文件中需要创建一个标签(即做一个记号),为页面中需要跳转到的位置命名。命名时应使用<A>标记符的name属性。格式如下:<a name="标签名">此处创建了一个标签</a>
登入後複製

☆电子邮件链接

如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件,则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。如:
管理员信箱

图 像
☆图像标签:<img  alt="HTML-网络编程(2)_html/css_WEB-ITnose" > 
登入後複製
属性说明:    src:连接一个文件    align:属性定义图片的排列方式    border用来设置图像的边框    height和width为显示的高宽。
登入後複製
☆图像地图:<map> 
登入後複製
    应用:当要在图像中选取某一部分作为连接的时候。如:中国地图每个省所对应的区域。
登入後複製
<img src="Sunset.jpg" alt="图片说明文字" usemap="#map" /><map >    <area shape="rect" coords="50,59,116,104" href="1.html" />    <area shape="circle" coords="118,203,40" href="2.html" /></map>
登入後複製
框 架
☆框架标签:<frameset> 框架标签不可以放到<body>中 <frameset rows="10%,*">  <frame src="1.html" name="top" />  <frameset cols="30%,*">    <frame src="2.html" name="left" />    <frame src="3.html" name="right" />  </frameset></frameset> 
登入後複製
☆画中画标签:<iframe> 
登入後複製

frameset标签是把整个窗口划分成不同的子窗体,而iframe标签可以实现在网页中的任意位置显示一个窗体(注意,它不是把整个窗口进行分割)。

<iframe src=”1.html” >  画中画窗口1  </iframe> 
登入後複製
表 单
<form> 
登入後複製

表单标签是最常用的标签,用于与服务器端的交互。

:输入标签

接收用户输入信息。其中的type属性指定输入标签的类型。

文本框 text。输入的文本信息直接显示在框中。密码框 password。输入的文本以原点或者星号的形式显示。单选框 radio 如:性别选择。复选框 checkbox 如:兴趣选择。隐藏字段 hidden 在页面上不显示,但在提交的时候随其他内容一起提交。提交按钮 submit 用于提交表单中的内容。重置按钮 reset 将表单中填写的内容设置为初始值。按钮 button 可以为其自定义事件。文件上传 file 后期扩展内容,会自动生成一个文本框,和一个浏览按钮。图像 image 它可以替代submit按钮。
登入後複製

以上10个属性必须熟练掌握!