网页资讯视频图片知道文库贴吧地图采购
进入贴吧全吧搜索
格斗猎人吧 关注：7,911贴子：20,026
  • 9回复贴，共1页
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的首页制作</title>
<style>
*{
padding: 0px;
margin:0;
}
.header {
height: 60px;
}
.banxin {
width: 1200px;
margin: 0 auto;
}
.left {
float: left;
}
.right {
float: right;
}
.logo {
margin-top: 10px;
}
.nav {
padding-left: 50px;
margin-top: 10px;
}
.nav>a {
color: black;
text-decoration: none;
font: 14px/40px "黑体";
padding: 12px 10px;
}
.nav>a:hover {
border-bottom: 3px solid #00a4ff;
}
.search {
margin-top: 10px;
margin-left: 60px;
width: 215px;
height: 40px;
border: 2px solid #00a4ff;
}
.search input[type="text"] {
height: 36px;
}
.search input[type="submit"]{
width: 45px;
height: 42px;
background-image: url(search_06.png);
background-repeat: no-repeat;
background-color: #00a4ff;
background-position: 50% 50%;
border: 4px solid #00a4ff;
}
.info div {
float: right;
margin-left : 7px;
margin-top: 15px;
font: 14px "黑体";
}
.banner {
height: 420px;
background-color: #1c036c;
}
.center {
width: 1200px;
margin: 0 auto;
background-image: url(banner_03.png);
height: 420px;
}
.manu {
width: 240px;
background-color: rgba(0,0,0,0.3);
}
.manu>a {
text-decoration: none;
color: white;
display: block;
height: 46px;
line-height: 46px;
text-indent: 3em;
}
.manu>a:hover {
background-color:rgba(255,255,255,0.3);
}
.intro {
width: 800px;
height: 45px;
border: 3px solid #00a4ff;
margin: 10px auto;
}
.intro span {
float: left;
width: 198px;
text-align: center;
margin-top:12px;
}
.product {
width: 1200px;
margin: 10px auto;
overflow: hidden;
}
.title {
color: #00a4ff;
font: 700 22px "黑体";
padding: 15px 0;
}
.class {
float: left;
width: 235px;
height: 300px;
background-color: #f3f5f7;
}
.class p {
padding: 20px 25px;
font: 12px "微软雅黑";
}
.class span {
display: block;
text-align: center;
color: #00a4ff;
}
.news {
width: 1200px;
margin: 15px auto;
overflow: hidden;
}
.module {
margin-right: 70px;
}
.module>div {
font: 20px/50px "黑体";
color: #1c036c;
width: 100px;
text-indent: 10px;
border-bottom: 2px solid #1c036c;
}
ul>li {
height: 39px;
}
.footer {
height: 400px;
background-color: #f3f5f7;
}
.shangbiao {
float: left;
width: 300px;
margin-top: 100px;
margin-left: 300px;
}
.service {
float: right;
width: 600px;
margin-right: 300px;
padding-top: 100px;
}
.service>dl {
float: right;
margin-left: 30px;
color: gray;
}
dl>dt {
font: 700 18px/40px "黑体";
}
</style>
</head>
IP属地:湖北1楼2023-02-13 14:41回复
    <body>
    <div class="header">
    <div class="banxin">
    <div class="logo left">
    <img src="logo-s.png"/>
    </div>
    <div class="nav left">
    <a href="#">首页</a>
    <a href="#">课程</a>
    <a href="#">职业规划</a>
    </div>
    <div class="search left">
    <form>
    <input type="text" value="请输入关键词" />
    <input type="submit" value=" "/>
    </form>
    </div>
    <div class="info right">
    <div>
    <img src="tou_03.png" />
    <span>USER1</span>
    </div>
    <div>
    <img src="ling_06.png" width="30px"/>
    </div>
    <div>个人中心</div>
    </div>
    </div>
    </div>
    <div class="banner">
    <div class="center">
    <div class="manu">
    <a herf="#">前端开发</a>
    <a herf="#">后端开发</a>
    <a herf="#">JAVA SRIPT</a>
    <a herf="#">PYTHON</a>
    <a herf="#">R 语言</a>
    <a herf="#">GEPHI</a>
    <a herf="#">相关课程</a>
    <a herf="#">PHP语言</a>
    <a herf="#">SQL语言</a>
    </div>
    </div>
    </div>
    <div class="intro">
    <span style="border-right: 2px solid black;">HTML语言</span>
    <span style="border-right: 2px solid black;">CSS语言</span>
    <span style="border-right: 2px solid black;">JavaScript</span>
    <span >PHP语言</span>
    </div>
    <div class="product">
    <div class="title">产品模块</div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px" />
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px" />
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class" style="margin-right: 5px;">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    <div class="class">
    <img src="icon1.png" width="235px"/>
    <p>该课程的设置旨在帮助新媒体学生接触初级网页制作，以运用到新媒体网址的网页效果设计之中</p>
    <span>点击了解详情</span>
    </div>
    </div>
    IP属地:湖北2楼2023-02-13 14:44
    回复
      <div class="news">
      <div class="title">新闻模块</div>
      <div class="module left">
      <div>首义光华</div>
      <ul>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      </ul>
      </div>
      <div class="module left">
      <div>首义光华</div>
      <ul>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      </ul>
      </div>
      <div class="module left" style="margin-right:0;">
      <div>首义光华</div>
      <ul>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      <li>我校2022年再度获批立项国家自然科学基金项目</li>
      </ul>
      </div>
      </div>
      <div class="footer">
      <div class="shangbiao">
      <img src="logo-s.png" />
      </div>
      <div class="service">
      <dl>
      <dt>相关服务</dt>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      </dl>
      <dl>
      <dt>相关服务</dt>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      </dl>
      <dl>
      <dt>相关服务</dt>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      </dl>
      <dl>
      <dt>相关服务</dt>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      <dd>线上客服</dd>
      </dl>
      </div>
      </div>
      </body>
      </html>
      IP属地:湖北3楼2023-02-13 14:45
      回复
        你们在发什么
        IP属地:湖北来自Android客户端4楼2023-02-13 15:50
        回复
          <!DOCTYPE html>
          <html lang="en">
          <head>
          <meta charset="UTF-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <title>武昌首义学院官网</title>
          <style>
          .header{
          height: 60px;
          }
          .banxin{
          width:1200px;
          margin:0 auto;
          }
          .left{
          float:left;
          }
          .right{
          float:right;
          }
          .logo{
          margin-top:10px ;
          }
          .nav{padding-left: 50px;
          margin-top:25px ;
          padding-bottom:25px;
          padding-right:50px;
          }
          .navleft{
          text-decoration: none;
          font-size: 25px;
          color:red;
          border:2px solid blue;
          border-radius:10px;
          }
          </style>
          </head>
          <body>
          <div class="header">
          <div class="banxin left">
          <a href=" ">信息公开</a >
          <a href="#">信息公开</a >
          <a href="#">信息公开</a >
          <a href="#">信息公开</a >
          </div>
          <div>
          < img src="logo.webp">
          </div>
          <div class="search right">
          <form>
          <input type="text" value="高级搜索"/>
          <input type="submit"/>
          </form>
          </div>
          <div class="navleft">
          <a href="#">学校概括</a >
          <a href="#">机构设置</a >
          <a href="#">师资力量</a >
          <a href="#">人才培养</a >
          </div>
          </div>
          </body>
          </html>
          IP属地:湖北来自Android客户端5楼2023-02-13 15:50
          回复
            <!DOCTYPE html>
            <html lang="en">
            <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
            <style>
            body{
            background-image:url(11.jpg);
            }
            </style>
            </head>
            <body>
            <h1> 蜡笔小新</h1><a href=" " target="_blank">作者：臼井仪人</a ></br>
            <a href="http://baidu.com/" target="_blank">< img src="labi.jpg"/></a >
            <h1>角色形象</h1>
            <h2>身份背景</h2>
            <p>野原新之助是双叶幼稚园向日葵小班学生的学生，是野原广志和野原美冴的孩子。</p >
            <h2>相貌衣着</h2>
            <p>有着浓密的眉毛以及短短的和尚发型，还有一双大眼与妈妈相似，而脸型和性格与祖父野原银之介相似。基本穿着是红色t恤和黄色短裤。而在双叶幼稚园时是蓝色小礼服和礼帽，脱掉后是件浅蓝色的短袖衣服。一些正式场合穿蓝色小礼服，有时是西装。而在《蜡笔小新：呼风唤雨！黄金间谍大作战》中，他以一身黑色西服的造型登场。 [4-5]
            </p >
            <h2>性格特点</h2>
            <p>优点：活泼、好动、乐观、可爱、标新立异，运动神经好（每次跟河村豹跑步都不喘气，而且可以做很多高难度动作），体贴却不坦率。
            缺点：挑食，好色、顽皮、早熟、健忘、迟钝（有时看情况）、爱耍贱。</p >
            <p>
            喜好：喜欢的动画人物有动感超人、康达姆机器人、肥嘟嘟左卫门（小新的自创角色）、铅笔小新（播出后深受小新和自己的朋友欢迎，但父母却很抗议）。</p >
            <p>
            厌恶：
            讨厌的食物有青椒、胡萝卜、不加葱的纳豆和加葱的味增汤、西兰花、洋葱。 [1] </p >
            <h1>人物介绍</h1>
            <p>野原新之助，日本漫画《蜡笔小新》及其衍生作品中的男主角。2002年《蜡笔小新》推出的剧场版中，他的名字汉字写法为“野原信之介”），一般称作小新、新之助。
            性格热情、口无遮拦、早熟、不太积极、容易吃醋、无厘头、腹黑、难进入状况，且行事风格总是超乎逻辑，与父母住在一起。 [1-2]
            IP属地:湖北来自Android客户端6楼2023-02-13 15:52
            回复
              <h1>创造背景</h1>
              <p>臼井仪人先生曾表示之所以会创造出野原新之助这个形象，是因为他在观察自己的孩子的时候，发现小孩子的想法往往非常独特，以至于被小孩的世界所吸引。所有的小孩都有乖巧和调皮的两面性，这种两面性对他来讲是十分有趣的。反过来他正是在自己的作品中反映了这一两面性。他同时承认野原新之助有一部分是他自己的翻版。 [3]
              </p >
              <p>故事的性质是走喜剧、搞笑路线。但也有像漫画单行本第47本行田德郎医生死亡这样的严肃剧情</p >
              <h1>命名来源</h1>
              <p>刊名为蜡笔小新，小新是主角的名字，全名为野原新之助，蜡笔是幼稚园小朋友常用的绘图用具，以表示作品是描述幼稚园时期的小新。此外，漫画29卷和31卷中有升上小学1年级的小新，名称则改为“铅笔小新”。</p >
              <h1>剧情简介</h1>
              <p>故事舞台是在日本埼玉县春日部市，一位正在“双叶幼稚园”学习的五岁小孩野原新之助（小新），在日常生活中发生的事，日子频繁琐碎却不乏温馨感动。 [6] </p >
              <p>注：早期的动画版常把“春日部市”称为“春我部市”，在漫画单行本的第16卷也曾使用过“春我”二字，现已统一称为“春日部市”。 “双叶幼稚园”也被称为“动感幼稚园”。故事主角野原新之助的汉字写法有可能是“野原新之助”或“野原信之介”</p >
              <h1>相关图片</h1>
              <a href="http://baidu.com/"
              <a href="http://baidu.com/" target="_blank">< img src="xiaoxin.jpg" height="300px" width="400px"/></a >
              <a href="http://baidu.com/" target="_blank">< img src="1.jpg" height="400px" width="400px"/></a >
              <a href="http://baidu.com/" target="_blank">< img src="2.jpg" height="400px" width="370px"/></a >
              <a href="http://baidu.com/" target="_blank">< img src="3.jpg" height="350px" width="450px"/></a >
              IP属地:湖北来自Android客户端7楼2023-02-13 15:53
              回复
                <!DOCTYPE html>
                <html lang="en">
                <head>
                <meta charset="UTF-8">
                <meta http-equiv="X-UA-Compatible" content="IE=edge">
                <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
                <title>Document</title>
                </head>
                <body>
                <table border="1px" width="800px" height:"300px" align="center" cellspacing="0px">
                <tr>
                <td colspan="5" align="center">个人简介</td>
                </tr>
                <tr>
                <td>姓名</td>
                <td>石政新</td>
                <td>出生日期</td>
                <td>2004-3-1</td>
                <td rowspan="4" align="center">
                <div>< img src="1.webp" width="150px" height="150px" ></div>
                </td>
                </tr>
                <tr>
                <td>身高</td>
                <td>199cm</td>
                <td>婚姻状况</td>
                <td>未婚</td>
                </tr>
                <tr>
                <td>政治面貌</td>
                <td>团员</td>
                <td>学历</td>
                <td>本科</td>
                </tr>
                </table>
                </body>
                </html>
                IP属地:湖北来自Android客户端8楼2023-02-13 15:53
                回复
                  <!DOCTYPE html>
                  <html lang="en">
                  <head>
                  <meta charset="UTF-8">
                  <meta http-equiv="X-UA-Compatible" content="IE=edge">
                  <meta name="viewport" content="width=device-width, initial-scale=1.0">
                  <title>Document</title>
                  </head>
                  <body>
                  <form>
                  用户名:<input type="text" value ="请输入.."/>

                  密码:<input type="passwprd" maxlength="6">

                  年级:<input type="radio"name="gradel"id="gradel"/><label for="gradel">大一</label>
                  <input type="radio"name="grade" checked="checked"/>大二
                  <input type="radio"name="grade" />大二
                  <input type="radio"name="grade"/>大三
                  <input type="radio"name="grade"/>大四

                  您是否喜欢吃香菜:<input type="radio"name="eat"/>吃
                  <input type="radio"name="eat"/>不吃

                  爱吃的小吃:<input type="checkbox"/>麻辣烫
                  <input type="checkbox"id="pork stomach and chicken"/><label for="pork stomach and chicken">猪肚鸡</label>
                  <input type="checkbox"/>麻辣香锅
                  <input type="checkbox"/>铁板烧
                  <input type="checkbox"/>各种奶茶

                  上传你最爱吃的东西的照片:<input type="file"/>

                  你想吃哪个地方的美食:
                  <select>
                  <option>海南</option>
                  <option>安徽</option>
                  <option>浙江</option>
                  <option>上海</option>
                  <option>广东</option>
                  <option>广西</option>
                  <option>台湾</option>
                  <option>澳门</option>
                  <option>香港</option>
                  <option>湖北</option>
                  <option>湖南</option>
                  <option>河南</option>
                  <option>河北</option>
                  <option>陕西</option>
                  <option>山东</option>
                  <option>山西</option>
                  <option selected="selected">请选择你想去的地方</option>
                  </select>

                  介绍一下你喜欢的美食:
                  <textarea rows="5"cols="20"></textarea>

                  <input type="submit"/><input type="reset"/>
                  </form>
                  </body>
                  </html>
                  IP属地:湖北来自Android客户端9楼2023-02-13 15:54
                  回复
                    <!DOCTYPE html>
                    <html lang="en">
                    <head>
                    <meta charset="UTF-8">
                    <meta http-equiv="X-UA-Compatible" content="IE=edge">
                    <meta name="viewport" content="width=device-width, initial-scale=1.0">
                    <title>Document</title>
                    <style>
                    h1 {
                    text-align: center;
                    font:36px arial;
                    }
                    .intro{
                    color:gray;
                    font-size:15px;
                    text-align: center;
                    }
                    a{
                    color:black;
                    text-decoration: none;
                    }
                    .tupian{
                    text-align: center;
                    }
                    </style>
                    </head>
                    <body>
                    <h1>江西上饶铅山15岁男生失踪</h1>
                    <div class="intro">2022-11-23 12:38 来源:<a href=" ">澎湃新闻</a >
                    <input type="text" value="请输入查询条件..."/><button>搜索</button>
                    </div>
                    <p>江西铅山县通报“高中生胡某宇失联超40天”:成立联合工作专班全力调查。</p >
                    <div class="tupian">
                    < img src="pic.jpeg"/>
                    </div>
                    <p>据江西铅山县委宣传部微信公号“江西铅山微讯”消息。</p >
                    <p>当天，铅山县委宣传部发布情况通报称，2022年10月14日，铅山县致远中学高一学生胡某宇失联后，县委、县政府高度重视，立即组织公安、教育等部门开展搜寻和调查工作。</p >
                    <p>目前，省、市、县公安机关已成立联合工作专班，正在全力调查，调查结果将及时向社会公布。</p >
                    <p>通报称，因该事件正在调查且涉及未成年人，请大家理性对待，不造谣、不信谣、不传谣，以官方发布信息为准。如发现有价值的线索，请及时向公安机关提供。感谢大家对此事件的关注和监督。</p >
                    </div>
                    </body>
                    </html>
                    IP属地:湖北来自Android客户端10楼2023-02-13 15:54
                    回复

                      扫二维码下载贴吧客户端

                      下载贴吧APP
                      看高清直播、视频！

                      火爆开测more

                        • 9回复贴，共1页
                        发表回复
                        发贴请遵守贴吧协议及“七条底线”贴吧投诉
                        内  容:
                          查看全部
                        发 表
                        保存至快速回贴