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

时间:2016-06-24 11:17:19 来源:互联网 作者: 神秘的大神 字体:

前言

接着前面的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属性

       该属性用来设置文本的颜色。该“文本”可以是标题、正文及表中的文字,但不能用于超链接的文字。使用格式为:
 

vlink属性

将文档中已被访问的链接颜色设置颜色:设置鼠标点过超链接文字时,该链接文字的颜色,默认为红色,使用格式为:
 

alink属性

设置超链接文字颜色,该链接文字的颜色,默认为红色,使用格式为:
 

< font>标记的color属性

以上几种属性所都是指定整个网页中某一类文字的色彩,用标记的color属性可指定任意一段文字的色彩。 

表格的背景色

   
    标记的bgcolor属性用来指定整个表格的背景颜色,使用格式为:
   

   
标记的bgcolor属性用来指定表格中一行的背景颜色,使用格式为:
标记的bgcolor属性用来指定表格中栏目行的背景颜色,使用格式为:
        
标记的color属性用来指定分隔线的颜色,使用格式为:
标记的face和color属性指定字体与颜色,格式:
超文本链接

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

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

☆页面链接

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

☆本地链接

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

☆电子邮件链接

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

图 像
☆图像标签: 
属性说明:    src:连接一个文件    align:属性定义图片的排列方式    border用来设置图像的边框    height和width为显示的高宽。
☆图像地图: 
    应用:当要在图像中选取某一部分作为连接的时候。如:中国地图每个省所对应的区域。
图片说明文字        
框 架
☆框架标签: 框架标签不可以放到中                
☆画中画标签: 
表 单
          

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

:输入标签

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

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

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

  • PHP
  • MySQL
  • HTML
  • CSS
  • JavaScript
  • jQuery
  • AJAX
  • Html5
<img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a50894c3ee41784.jpg" alt="独孤九贱(5)_ThinkPHP5视频教程">

独孤九贱(5)_ThinkPHP5视频教程

ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

  • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
  • 2017-05-16 12:03:57
  • 点击数(160070)

<img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a508deef1e58616.jpg" alt="独孤九贱(4)_PHP视频教程">

独孤九贱(4)_PHP视频教程

江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 我要学编程网wyxbc.com出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

  • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
  • 2017-03-20 22:47:17
  • 点击数(157216)

<img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a5091db685e6482.jpg" alt="独孤九贱(1)_HTML5视频教程">

独孤九贱(1)_HTML5视频教程

《php.cn原创html5视频教程》课程特色:我要学编程网wyxbc.com原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

  • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
  • 2017-03-13 10:15:11
  • 点击数(126334)

<img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a9ce29211b72919.jpg" alt="ThinkPHP5实战之[教学管理系统]">

ThinkPHP5实战之[教学管理系统]

本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

  • <img src="http://img.php.cn/upload/avatar/000/001/120/5bdff93895600756.jpeg"> Peter-Zhu
  • 2017-07-24 16:48:56
  • 点击数(118730)

<img width="180" height="124" src="http://img.php.cn/upload/course/000/000/003/5a53132d0bd62424.jpg" alt="PHP入门视频教程之一周学会PHP">

PHP入门视频教程之一周学会PHP

所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

  • <img src="http://img.php.cn/upload/avatar/000/000/004/5c511d62e6c0e698.png"> 大家讲道理
  • 2016-11-16 14:54:14
  • 点击数(118418)

作者信息
<img src="http://www.wyxbc.com/static/images/user_avatar.jpg" class="func-um_user gravatar avatar avatar-120 um-avatar um-avatar-uploaded">

我要学编程网wyxbc.com

认证0级讲师

最近文章
  • 最新文章
  • 热门排行

    <img src="http://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png" style="width: 100%">

  • 前端好学还是后端好学?
  • .htaccess是什么文件?有什么用途?
  • html里table是什么
  • area的属性是什么意思
  • HTML5画布如何设置字体颜色?(代码示例)
  • innerhtml用法是什么?
  • 什么是html5技术
  • 响应式布局与自适应式布局有什么不同

    <img src="http://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png" style="width: 100%">

  • 认识&lt;br&gt;与&lt;p&gt;标签之间的区别
  • 六款好用的html5编辑器
  • html怎样设置背景颜色?HTML背景颜色代码详细分析
  • html怎么换行?换行代码是什么?九种html文字换行方法总结
  • 锚点链接怎么做
  • AMP是什么?有什么用?
  • 什么是html文件?html格式如何打开?(图)
  • 如何在HTML中插入一行?html横线标签hr全新讲解

相关视频教程

  • <img src="http://img.php.cn/upload/course/000/000/003/5a17982d48686254.jpg" alt="javascript初级视频教程" height="60"> javascript初级视频教程
  • <img src="http://img.php.cn/upload/course/000/000/003/5a179283c3885703.jpg" alt="jquery 基础视频教程" height="60"> jquery 基础视频教程
  • <img src="http://img.php.cn/upload/course/000/000/003/5a169239acf9a131.jpg" alt="javascript三级联动视频教程" height="60"> javascript三级联动视频教程
  • <img src="http://img.php.cn/upload/course/000/000/003/5a508a6eb1fe2744.jpg" alt="独孤九贱(3)_JavaScript视频教程" height="60"> 独孤九贱(3)_JavaScript视频教程
  • <img src="http://img.php.cn/upload/course/000/000/003/5a50879e1c81a337.jpg" alt="独孤九贱(6)_jQuery视频教程" height="60"> 独孤九贱(6)_jQuery视频教程
  • 相关视频章节

    • 栏目列表
    • 数据验证
    • 添加栏目数据
    • 引入编辑器