欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  web前端

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

程序员文章站 2022-03-25 09:32:48
...
前言

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

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

标记的color属性 

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

表格的背景色


标记的bgcolor属性用来指定整个表格的背景颜色，使用格式为：
标记的bgcolor属性用来指定表格中一行的背景颜色，使用格式为：    
标记的bgcolor属性用来指定表格中栏目行的背景颜色，使用格式为：    
标记的color属性用来指定分隔线的颜色，使用格式为：
    
标记的face和color属性指定字体与颜色，格式：
 超文本链接    
超文本链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站，这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮，使它和整个网页融为一体。
    
所谓的超文本链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。 
而在一个网页中用来超文本链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
    
☆页面链接
    
用HTML创建超文本链接需要使用标记符（结束标记符不能省略），它的最基本属性是href，用于指定超文本链接的目标。通过为href指定不同的值，可以创建出不同类型的超链接。在HTML文件中用链接指针指向一个目标。其基本格式为：标记超文本链接信息
    
☆本地链接
    
超文本链接指向自己的计算机中的某一个文件，叫本地链接。在文件中需要创建一个标签(即做一个记号)，为页面中需要跳转到的位置命名。命名时应使用标记符的name属性。格式如下：此处创建了一个标签
    
☆电子邮件链接
    
如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。如: 
管理员信箱
 图 像    
☆图像标签：HTML-网络编程(2)_html/css_WEB-ITnose
    
属性说明：    src:连接一个文件    align:属性定义图片的排列方式    border用来设置图像的边框    height和width为显示的高宽。
    
☆图像地图：
    
    应用：当要在图像中选取某一部分作为连接的时候。如：中国地图每个省所对应的区域。
    
HTML-网络编程(2)_html/css_WEB-ITnose

 框 架    
☆框架标签： 框架标签不可以放到中 







    
☆画中画标签：
    
frameset标签是把整个窗口划分成不同的子窗体，而iframe标签可以实现在网页中的任意位置显示一个窗体（注意，它不是把整个窗口进行分割）。 
    
 
 表 单    


     
表单标签是最常用的标签，用于与服务器端的交互。 
    
☆：输入标签
    
接收用户输入信息。其中的type属性指定输入标签的类型。 
    
文本框 text。输入的文本信息直接显示在框中。密码框 password。输入的文本以原点或者星号的形式显示。单选框 radio 如：性别选择。复选框 checkbox 如：兴趣选择。隐藏字段 hidden 在页面上不显示，但在提交的时候随其他内容一起提交。提交按钮 submit 用于提交表单中的内容。重置按钮 reset 将表单中填写的内容设置为初始值。按钮 button 可以为其自定义事件。文件上传 file 后期扩展内容，会自动生成一个文本框，和一个浏览按钮。图像 image 它可以替代submit按钮。
    
以上10个属性必须熟练掌握！
    
☆ 

    
    
☆ 
    
☆ 表单组件格式化
    
用表格标签
对表单中的组件进行格式化。    


    
☆表单提交的页面实现
    
1）先定义form表单中的action属性值，指定表单数据提交的目的地(服务端)。 
2）明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。
    
表单提交方式(get/post)
    
☆两种方式的区别 
1) get提交将数据显示在地址栏，对于敏感信息不安全。post提交不显示在地址栏，对于敏感信息安全 
2) 地址栏中存放的数据是有限，所以get方式对提交的数据体积有限制。而post可以提交大体积数据。 
3) 对提交数据的封装方式不同。get将提交数据封装到了http消息头的第一行即请求行中。而post将提交的数据封装到请求体(请求数据)体中。
    
☆表单提交方式与乱码问题 
 无论是get还是post方式，对于Tomcat服务器端，默认的解码方式是ISO8859-1，因此中文会出现乱码。解决：通过用ISO8859-1进行编码，再用相应的中文码表进行解码即可。 
 如果是post提交，可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题，该方法只对数据体有效即该方法只设置数据体的编码方式。因此，通常表单使用post提交，因为这样编码更方便。
 浏览器与服务端的交互方式    
☆客户端(浏览器)与服务端交互的三种方式： 
    
1) 地址栏中输入url地址 —— get方式2) 超连接  —— get方式3) 表单 —— get和post方式
    
☆客户端与服务器的数据校验问题 
1) 客户端进行了增强型的校验，服务器是否还要校验？ 
2) 服务器端进行了增强型的校验，客户端是否还要校验？
    
都需要！
 头标签 

头标签都放在头部分之间。包括：title  base  meta  link
    
☆  ☆ <base> href 属性：指定网页中所有的超链接的目录。target 属性：指定打开超链接的方式，如_blank 表示所有的超链接都用新窗口打开显示。☆ <meta> name 属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv 属性：模拟HTTP协议的响应消息头。 ☆<link> rel 属性：描述目标文档与当前文档的关系。type 属性：文档类型。media：指定目标文档在哪种设备上起作用。
 其它标签    
☆ direction 属性：left  right  down  upbehavior 属性：scroll  alternate  slide☆
可以将文本内容按在代码区的样子显示在页面上。 ☆几个纯数据封装标签div标签  span标签 p标签 ☆标签分为两大类 1) 块级标签(元素)：标签结束后都有换行。 div p dl ol ul table title2) 行内标签(元素)：标签结束后没有换行。 font span img input select a☆XHTML 与 XMLlable标签:给元素定义快捷键 

HTML-网络编程(2)_html/css_WEB-ITnose
声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn核实处理。


相关文章


相关视频










网友评论


文明上网理性发言，请遵守 新闻评论服务协议
我要评论






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

    • 

    

    


    

    

    

    

    专题推荐
    


    

    

    

    作者信息
    

    

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

    

    

    认证0级讲师
    

    

    

    

    发布技术文章
    

    

      

    • 最新文章
      • 

    • 热门排行
      • 

    

    

    

    

    

    

    

    
推荐视频教程
    

  • 
HTML-网络编程(2)_html/css_WEB-ITnosejavascript初级视频教程

    • 

  • 
HTML-网络编程(2)_html/css_WEB-ITnosejquery 基础视频教程

    • 

    

    

    
视频教程分类
    


    

    

    

    


    ：公益在线php培训，帮助PHP学习者快速成长！
    

    Copyright 2014-2021 https://www.php.cn/ All Rights Reserved | 苏ICP备2020058653号-1HTML-网络编程(2)_html/css_WEB-ITnose关于我们免责申明赞助与捐赠广告合作
    

    

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

    

    


    

    
    		

    
					
    
															
    
						相关标签：												
							HTML-网络编程(2)						
											
    
															
    
						
    
							上一篇：							
								php如何提高网页加载速度							
						
    
						
    
							下一篇：							
								对新CSS规范草案的解读_html/css_WEB-ITnose							
						
    
					
    
															
    
						
    
							推荐阅读