第一个网页(HTMLCSS)

第一个网页(HTMLCSS),第1张

概述第一个网页(HTML/CSS)

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

<!--  Designed by Crumvey Chan (^_^)  --><!--  没有版权 错误之处请多多指教 支持侵权转载吐槽批评功能  --><!--  欢迎关注我的微博http://weibo.com/chenkunhui/home?topnav=1&wvr=6不过没有更新过就是了O__O"… --><!DOCTYPE HTML><HTML><head>	<Meta http-equiv="X-UA-Compatible" content="IE=Emulateie7" />    <Meta charset="UTF-8" />    <Title>RDC-We Want You</Title>    <link rel="stylesheet" type="text/CSS" href="CSS/main.CSS" /></head><body>	<div ID="wrapper">    <!-- 在div"wrapper"内写整个网页的内容 -->		<div ID="home">		    <div ID="navigation">     <!-- div·navigation 网页顶部的导航栏 --> 				<div >           <!-- Title RDC的logo -->					<span >RDC</span>					<span >研发中心</span>				</div>				<div ID="menu">        <!-- 用fixed定位 使主导航栏一直悬挂在网页顶部 --> 					<ul>					    <li ><a  href="#contact">Contact</a></li>					    <li ><a  href="#team">Team</a></li>					    <li ><a  href="#direction">Direction</a></li>					    <li ><a  href="#join">Join</a></li>				        <li ><a  href="#home">Home</a></li>				    </ul>								</div>			</div>			<div>         <!-- 网页封面页的三个标题 -->				<p >RDC FAMILY</h1>      			    <p >We want you to join us!</p>			    <p >			    	<span > </span>			    	We are a team of IT			    	<span > </span>			    </p>			</div>			<div>           <!-- 还没有实现的部分 轮播图 -->				<ul >  					<li ><a href="#"><img src="images/twitter.png"></a></li>					<li ><a href="#"><img src="images/facebook.png"></a></li>					<li ><a href="#"><img src="images/Google.png"></a></li>					<li ><a href="#"><img src="images/dribble.png"></a></li>				</ul>			</div>		</div>		<div ID="join">      <!-- 介绍研发工作室考核的大致情况 -->			<div>          <!-- 标题 -->				<h1 >HOW TO JOIN US</h1>				<img ID="love" src="images/love1.jpg" />			</div>			<div >   				<div >					<img  src="images/firstexamine.png">                    <a  href="#">一轮考核</a>                    <p >想跟着师兄师姐学习基础知识,完成一轮考核作业,通过考核答辩,便通过了一轮考核。</p>				</div>				<div >					<img  src="images/secondexamine.png">                    <a  href="#">二轮考核</a>                    <p >通过一轮考核的师弟师妹进入二轮考核,在一轮考核的基础上,学习更进一步的知识,继续做大作业,通过二轮考核答辩后,便通过二轮考核。</p>				</div>				<div >					<img  src="images/joinyanfa.png">                    <a  href="#">加入研发</a>                    <p >通过一轮和二轮考核的师弟师妹将加入我们研发,开始与我们的研发之旅。</p>				</div>			</div>			<div >   				<ul>					<li ><a " href=""#">○</a></li>					<li ><a " href=""#">○</a></li>					<li ><a " href=""#">○</a></li>				</ul>			</div>		</div>		<div ID="direction">        <!-- 介绍RDC团队4个分组 -->			<div>    <!-- 标题 -->				<h1 >OUR TEAM</h1>				<img ID="love" src="images/love2.jpg" />				<p >我们的团队,包含四个组,前端组,后台组,安卓组和C++组</p>			</div>			<div ID="groups">  				<div >					<img src="images/java.jpg" />					<a  href="#">后台组</a>					<p >Java</p>				</div>				<div >					<img src="images/HTML.jpg" />					<a  href="#">前端组</a>					<p >HTML,CSS,JavaScript</p>				</div>				<div >					<img src="images/androID.jpg" />					<a  href="#">安卓组</a>					<p >Java,AndroID</p>				</div>				<div >					<img src="images/c++.jpg" />					<a  href="#">C++组</a>					<p >C++,cocos2dx,girectx</p>				</div>			</div>			<div >				<ul>					<li ><a  href="#">○</a></li>					<li ><a  href="#">○</a></li>					<li ><a  href="#">○</a></li>				</ul>			</div>		</div>		<div ID="team">           <!-- 介绍RDC团队成员 -->			<div>    <!-- 标题 -->				<h1 >SOME FUN FACTS</h1>				<img ID="love" src="images/love3.jpg" />			</div>			<div ID="grades">				<div >  <!-- 大一 -->					<img src="images/grade1.png" />					<a  href="#">?</a>					<p >小鲜肉的大一</p>				</div>				<div >  <!-- 大二 -->					<img src="images/grade2.png" />					<a  href="#">17</a>					<p >激情的大二</p>				</div>				<div >  <!-- 大三 -->					<img src="images/grade3.png" />					<a  href="#">12</a>					<p >技术饱满的大三</p>				</div>				<div >  <!-- 大四 -->					<img src="images/grade4.png" />					<a  href="#">16</a>					<p >稳重成熟的大四</p>				</div>			</div>		</div>		<div ID="contact">          <!-- 分享交流社区 -->			<div>    <!-- 标题 -->				<h1 >LET'S disCUSS</h1>				<img ID="love" src="images/love2.jpg" />				<p >有什么问题想跟我们讨论的可以写邮件给我们</p>			</div>			<div >      <!-- 疑问交流区域 -->				<h2 >让我们一起讨论问题</h2>				<ul >                    <li ID="question1"><a  href="#">web前端问题</a></li>                    <li ID="question1"><a  href="#">Java后台问题</a></li>                    <li ID="question1"><a  href="#">AndroID问题</a></li>                    <li ID="question1"><a  href="#">C++问题</a></li>                </ul>			</div>            <div >        <!-- 表单部分 -->                <form action="#" method="#">                    <legend >Say hello!</legend>                    <p>   <!-- 输入框中提示信息会在输入字段为空时显示,并会在字段获得时消失 -->                        <input  type="text" name="name" autocomplete="off" placeholder="name" value="" />  <!-- 输入姓名 -->                        <input  type="text" name="Email" autocomplete="off" placeholder="Email" value="" /><br />  <!-- 输入邮箱 -->                        <input  type="text" name="message" autocomplete="off" placeholder="Message" value="" />     <!-- 输入邮件内容 -->                                      <input  type="image" name="send" src="images/message.png" /><span >Send message</span>  <!-- 用图片做发送邮件的按钮 -->                    </p>                    </form>            	            </div>            <div >   <!-- 社交分享twitter/facebook/Google/bribble -->                <ul>                   <li><a href="#"><img src="images/f.png"></a></li>                   <li><a href="#"><img src="images/t.png"></a></li>                   <li><a href="#"><img src="images/g.png"></a></li>                   <li><a href="#"><img src="images/b.png"></a></li>                </ul>            </div>					</div>		<div ID="footer"><!--  版权信息 谢谢您的浏览  --> 			<h6>@copyright &nbsp; &nbsp; Design By Crumvey Chan</h5>   <!-- 抱歉打扰下 低调地介绍网页制作者 怕着以后没有机会了哈哈~ -->            <p >没有版权 错误之处请多多指教 支持侵权转载吐槽批评功能</p>		</div>	</div></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的第一个网页(HTML/CSS)全部内容,希望文章能够帮你解决第一个网页(HTML/CSS)所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1096854.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-28
下一篇 2022-05-28

发表评论

登录后才能评论

评论列表(0条)

保存