HTML-网络编程(2)_html/css_WEB-ITnose-操作系统-比特在线

我的位置：首页 > 操作系统>HTML-网络编程(2)_html/css_WEB-ITnose

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为显示的高宽。
 ☆图像地图： 
     应用：当要在图像中选取某一部分作为连接的时候。如：中国地图每个省所对应的区域。
         
 框 架 ☆框架标签： 框架标签不可以放到中                
 ☆画中画标签： &lt;/pre&gt;    &lt;p&gt;frameset标签是把整个窗口划分成不同的子窗体，而iframe标签可以实现在网页中的任意位置显示一个窗体（注意，它不是把整个窗口进行分割）。 &lt;/p&gt;    &lt;pre class="sycode"&gt;&lt;iframe src=”1.html” &gt;  画中画窗口1   
 表 单            
          
 表单标签是最常用的标签，用于与服务器端的交互。 
 ☆：输入标签
 接收用户输入信息。其中的type属性指定输入标签的类型。 
 文本框 text。输入的文本信息直接显示在框中。密码框 password。输入的文本以原点或者星号的形式显示。单选框 radio 如：性别选择。复选框 checkbox 如：兴趣选择。隐藏字段 hidden 在页面上不显示，但在提交的时候随其他内容一起提交。提交按钮 submit 用于提交表单中的内容。重置按钮 reset 将表单中填写的内容设置为初始值。按钮 button 可以为其自定义事件。文件上传 file 后期扩展内容，会自动生成一个文本框，和一个浏览按钮。图像 image 它可以替代submit按钮。
 以上10个属性必须熟练掌握！
 ☆     ☆ ：多行文本框</p>    <h2>☆ 表单组件格式化</h2>    <p>用表格标签</p>对表单中的组件进行格式化。    <table></table>    <p></p>    <h2>☆表单提交的页面实现</h2>    <p>1）先定义form表单中的action属性值，指定表单数据提交的目的地(服务端)。 <br />2）明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。</p>    <h2>表单提交方式(get/post)</h2>    <p>☆两种方式的区别 <br />1) get提交将数据显示在地址栏，对于敏感信息不安全。post提交不显示在地址栏，对于敏感信息安全 <br />2) 地址栏中存放的数据是有限，所以get方式对提交的数据体积有限制。而post可以提交大体积数据。 <br />3) 对提交数据的封装方式不同。get将提交数据封装到了http消息头的第一行即请求行中。而post将提交的数据封装到请求体(请求数据)体中。</p>    <p>☆表单提交方式与乱码问题 <br /> 无论是get还是post方式，对于Tomcat服务器端，默认的解码方式是ISO8859-1，因此中文会出现乱码。解决：通过用ISO8859-1进行编码，再用相应的中文码表进行解码即可。 <br /> 如果是post提交，可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题，该方法只对数据体有效即该方法只设置数据体的编码方式。因此，通常表单使用post提交，因为这样编码更方便。</p> 浏览器与服务端的交互方式    <p>☆客户端(浏览器)与服务端交互的三种方式： </p>    <pre class="sycode">1) 地址栏中输入url地址 —— get方式2) 超连接  —— get方式3) 表单 —— get和post方式</pre>    <p>☆客户端与服务器的数据校验问题 <br />1) 客户端进行了增强型的校验，服务器是否还要校验？ <br />2) 服务器端进行了增强型的校验，客户端是否还要校验？</p>    <p>都需要！</p> 头标签 <head>    <pre class="sycode">头标签都放在<head></head>头部分之间。包括：title  base  meta  link</pre>    <pre class="sycode">☆ <title> ☆ <base> href 属性：指定网页中所有的超链接的目录。target 属性：指定打开超链接的方式，如_blank 表示所有的超链接都用新窗口打开显示。☆ <meta> name 属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv 属性：模拟HTTP协议的响应消息头。 ☆<link> rel 属性：描述目标文档与当前文档的关系。type 属性：文档类型。media：指定目标文档在哪种设备上起作用。</pre> 其它标签    <pre class="sycode">☆<marquee> direction 属性：left  right  down  upbehavior 属性：scroll  alternate  slide☆<pre class="brush:php;toolbar:false">可以将文本内容按在代码区的样子显示在页面上。 ☆几个纯数据封装标签div标签  span标签 p标签 ☆标签分为两大类 1) 块级标签(元素)：标签结束后都有换行。 div p dl ol ul table title2) 行内标签(元素)：标签结束后没有换行。 font span img input select a☆XHTML 与 XMLlable标签:给元素定义快捷键 </pre>				
				<div class='share layui-clear bdsharebuttonbox'>
					<li ><a href='javascript:;' data-cmd="weixin" class='wechat'><i class="layui-icon"></i>微信</a></li>
					<li ><a href='javascript:;' data-cmd="more" class='share-btn'><i class="layui-icon"></i>分享</a></li>
				</div>
				<img src="/static/images/article_wechat.jpg?1" style="margin-top: 30px;" alt="我要学编程网wyxbc.com最新课程二维码"/>
				<div class='tags layui-clear'>
				<li>相关标签：<a href="/search?word=html-网络编程2" target="_blank">HTML-网络编程(2)</a></li>
					<li class='line'>
												本文原创发布我要学编程网wyxbc.com ，转载请注明出处，感谢您的尊重！
											</li>
				</div>
								<div class='page layui-clear'>
					<ul>
												<li>上一篇：<a href="/div-tutorial-267905.html">7.css盒模型_html/css_WEB-ITnose</a></li>
												<li>下一篇：<a href="/div-tutorial-267907.html">html+css 这种登陆效果怎么做成的，把邮箱放到text框里面，但又不影响输入_html/css_WEB-ITnose</a></li>
											</ul>
				</div>
			    				</div>
				<p style="font-size: 18px;">相关文章</p>
				<hr>
								<li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10862.html">Html如何设置横向导航结构_HTML/Xhtml_网页制作</a></li>
								<li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10863.html">Html+css实现纯文字和带图标的按钮_HTML/Xhtml_网页制作</a></li>
								<li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10868.html">HTML对于元素水平垂直居中的探讨_HTML/Xhtml_网页制作</a></li>
								<li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10871.html">修改输入框placeholder文字默认颜色-webkit-input-placeholder方法_HTML/Xhtml_网页制作</a></li>
							<li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-267906.html">HTML-网络编程(2)_html/css_WEB-ITnose</a></li>
		</div>

		<div class="comment">
				<div class="J_Header" id="J_Header">
					<h1 class="header-title">网友评论</h1>
					<p class="header-protocol">文明上网理性发言，请遵守
						<a href="javascript:void(0);">新闻评论服务协议</a></p>
						<a class="article-comment-publish" href="javascript:void(0);">我要评论</a>
										</div>

				
				<div class="text-box layui-clear article_comment_textarea" >
						<div class="box-left">
							<li>
								<a href="javascript:login_trigger()">
									<img src="/static/images/user_avatar.jpg" alt="">
								</a>
							</li>
							<li><a href="javascript:login_trigger()"></a></li>
						</div>
						<div class="box-right">
							<textarea name="desc" placeholder="请输入内容" class="layui-textarea article_textarea">     
            
           
            
             
             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视频教程  
            
            
            相关视频章节 
             
             栏目列表 
             数据验证 
             添加栏目数据 
             引入编辑器 
             
            
             
               
           
            
             
              
              网站首页 
              PHP视频 
              PHP实战 
              PHP代码 
              PHP手册 
              词条 
              手记 
              
             我要学编程网wyxbc.com：独家原创，永久免费的在线php视频教程，php技术学习阵地！ 
             Copyright 2014-2018 http://www.wyxbc.com/ All Rights Reserved | 皖B2-20150071-9  皖公网安备 34010402701654号 <img src="http://www.wyxbc.com/static/images/foot_line.gif" width="15"> 免责申明赞助与捐赠

标记的bgcolor属性用来指定表格中一行的背景颜色，使用格式为：		标记的bgcolor属性用来指定表格中栏目行的背景颜色，使用格式为：	标记的color属性用来指定分隔线的颜色，使用格式为：标记的face和color属性指定字体与颜色，格式：超文本链接超文本链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站，这符合人类的跳跃思维方式。链接的标志有文字和图形两种。可以制作一些精美的图形作为链接按钮，使它和整个网页融为一体。所谓的超文本链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件，甚至是一个应用程序。而在一个网页中用来超文本链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 ☆页面链接用HTML创建超文本链接需要使用标记符（结束标记符不能省略），它的最基本属性是href，用于指定超文本链接的目标。通过为href指定不同的值，可以创建出不同类型的超链接。在HTML文件中用链接指针指向一个目标。其基本格式为：标记超文本链接信息 ☆本地链接超文本链接指向自己的计算机中的某一个文件，叫本地链接。在文件中需要创建一个标签(即做一个记号)，为页面中需要跳转到的位置命名。命名时应使用标记符的name属性。格式如下：此处创建了一个标签 ☆电子邮件链接如果希望用户在网页上通过链接直接打开客户端的发送邮件的工具发送电子邮件，则可以在网页内包含发送电子邮件的功能。实现此功能所需的全部工作就是在链接标记中插入mailto值。如: 管理员信箱图像 ☆图像标签：属性说明： src:连接一个文件 align:属性定义图片的排列方式 border用来设置图像的边框 height和width为显示的高宽。 ☆图像地图：应用：当要在图像中选取某一部分作为连接的时候。如：中国地图每个省所对应的区域。框架 ☆框架标签：框架标签不可以放到中 ☆画中画标签： </pre> <p>frameset标签是把整个窗口划分成不同的子窗体，而iframe标签可以实现在网页中的任意位置显示一个窗体（注意，它不是把整个窗口进行分割）。 </p> <pre class="sycode"><iframe src=”1.html” > 画中画窗口1 表单表单标签是最常用的标签，用于与服务器端的交互。 ☆：输入标签接收用户输入信息。其中的type属性指定输入标签的类型。文本框 text。输入的文本信息直接显示在框中。密码框 password。输入的文本以原点或者星号的形式显示。单选框 radio 如：性别选择。复选框 checkbox 如：兴趣选择。隐藏字段 hidden 在页面上不显示，但在提交的时候随其他内容一起提交。提交按钮 submit 用于提交表单中的内容。重置按钮 reset 将表单中填写的内容设置为初始值。按钮 button 可以为其自定义事件。文件上传 file 后期扩展内容，会自动生成一个文本框，和一个浏览按钮。图像 image 它可以替代submit按钮。以上10个属性必须熟练掌握！ ☆ ☆ ：多行文本框</p> <h2>☆ 表单组件格式化</h2> <p>用表格标签</p>对表单中的组件进行格式化。 <table></table> <p></p> <h2>☆表单提交的页面实现</h2> <p>1）先定义form表单中的action属性值，指定表单数据提交的目的地(服务端)。 <br />2）明确提交方式，通过指定method属性值。如果不定义，那么method的值默认是get。</p> <h2>表单提交方式(get/post)</h2> <p>☆两种方式的区别 <br />1) get提交将数据显示在地址栏，对于敏感信息不安全。post提交不显示在地址栏，对于敏感信息安全 <br />2) 地址栏中存放的数据是有限，所以get方式对提交的数据体积有限制。而post可以提交大体积数据。 <br />3) 对提交数据的封装方式不同。get将提交数据封装到了http消息头的第一行即请求行中。而post将提交的数据封装到请求体(请求数据)体中。</p> <p>☆表单提交方式与乱码问题 <br /> 无论是get还是post方式，对于Tomcat服务器端，默认的解码方式是ISO8859-1，因此中文会出现乱码。解决：通过用ISO8859-1进行编码，再用相应的中文码表进行解码即可。 <br /> 如果是post提交，可以使用request.setCharacterEncoding(“GBK”);来解决乱码问题，该方法只对数据体有效即该方法只设置数据体的编码方式。因此，通常表单使用post提交，因为这样编码更方便。</p> 浏览器与服务端的交互方式 <p>☆客户端(浏览器)与服务端交互的三种方式： </p> <pre class="sycode">1) 地址栏中输入url地址 —— get方式2) 超连接 —— get方式3) 表单 —— get和post方式</pre> <p>☆客户端与服务器的数据校验问题 <br />1) 客户端进行了增强型的校验，服务器是否还要校验？ <br />2) 服务器端进行了增强型的校验，客户端是否还要校验？</p> <p>都需要！</p> 头标签 <head> <pre class="sycode">头标签都放在<head></head>头部分之间。包括：title base meta link</pre> <pre class="sycode">☆ <title> ☆ <base> href 属性：指定网页中所有的超链接的目录。target 属性：指定打开超链接的方式，如_blank 表示所有的超链接都用新窗口打开显示。☆ <meta> name 属性：网页的描述信息。当取keywords时，content属性的内容就作为搜索引擎的关键字进行搜索。http-equiv 属性：模拟HTTP协议的响应消息头。 ☆<link> rel 属性：描述目标文档与当前文档的关系。type 属性：文档类型。media：指定目标文档在哪种设备上起作用。</pre> 其它标签 <pre class="sycode">☆<marquee> direction 属性：left right down upbehavior 属性：scroll alternate slide☆<pre class="brush:php;toolbar:false">可以将文本内容按在代码区的样子显示在页面上。 ☆几个纯数据封装标签div标签 span标签 p标签 ☆标签分为两大类 1) 块级标签(元素)：标签结束后都有换行。 div p dl ol ul table title2) 行内标签(元素)：标签结束后没有换行。 font span img input select a☆XHTML 与 XMLlable标签:给元素定义快捷键 </pre> <div class='share layui-clear bdsharebuttonbox'> <li ><a href='javascript:;' data-cmd="weixin" class='wechat'><i class="layui-icon"></i>微信</a></li> <li ><a href='javascript:;' data-cmd="more" class='share-btn'><i class="layui-icon"></i>分享</a></li> </div> <img src="/static/images/article_wechat.jpg?1" style="margin-top: 30px;" alt="我要学编程网wyxbc.com最新课程二维码"/> <div class='tags layui-clear'> <li>相关标签：<a href="/search?word=html-网络编程2" target="_blank">HTML-网络编程(2)</a></li> <li class='line'> 本文原创发布我要学编程网wyxbc.com ，转载请注明出处，感谢您的尊重！ </li> </div> <div class='page layui-clear'> <ul> <li>上一篇：<a href="/div-tutorial-267905.html">7.css盒模型_html/css_WEB-ITnose</a></li> <li>下一篇：<a href="/div-tutorial-267907.html">html+css 这种登陆效果怎么做成的，把邮箱放到text框里面，但又不影响输入_html/css_WEB-ITnose</a></li> </ul> </div> </div> <p style="font-size: 18px;">相关文章</p> <hr> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10862.html">Html如何设置横向导航结构_HTML/Xhtml_网页制作</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10863.html">Html+css实现纯文字和带图标的按钮_HTML/Xhtml_网页制作</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10868.html">HTML对于元素水平垂直居中的探讨_HTML/Xhtml_网页制作</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-10871.html">修改输入框placeholder文字默认颜色-webkit-input-placeholder方法_HTML/Xhtml_网页制作</a></li> <li><span class="layui-badge-dots"></span><a class="relevant" href="/div-tutorial-267906.html">HTML-网络编程(2)_html/css_WEB-ITnose</a></li> </div> <div class="comment"> <div class="J_Header" id="J_Header"> <h1 class="header-title">网友评论</h1> <p class="header-protocol">文明上网理性发言，请遵守 <a href="javascript:void(0);">新闻评论服务协议</a></p> <a class="article-comment-publish" href="javascript:void(0);">我要评论</a> </div> <div class="text-box layui-clear article_comment_textarea" > <div class="box-left"> <li> <a href="javascript:login_trigger()"> <img src="/static/images/user_avatar.jpg" alt=""> </a> </li> <li><a href="javascript:login_trigger()"></a></li> </div> <div class="box-right"> <textarea name="desc" placeholder="请输入内容" class="layui-textarea article_textarea"> 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%"> 认识<br>与<p>标签之间的区别六款好用的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视频教程相关视频章节栏目列表数据验证添加栏目数据引入编辑器网站首页 PHP视频 PHP实战 PHP代码 PHP手册词条手记我要学编程网wyxbc.com：独家原创，永久免费的在线php视频教程，php技术学习阵地！ Copyright 2014-2018 http://www.wyxbc.com/ All Rights Reserved \| 皖B2-20150071-9 皖公网安备 34010402701654号 <img src="http://www.wyxbc.com/static/images/foot_line.gif" width="15"> 免责申明赞助与捐赠