网页设计代码

最新推荐文章于 2024-09-04 14:29:34 发布
最新推荐文章于 2024-09-04 14:29:34 发布
阅读量885 收藏 23
点赞数 14
文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YJH040325/article/details/135571545
版权

千年之恋

HTML代码：

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;charset = utf-8"/>

<title>千年之恋</title>

<link rel="stylesheet" href="css/style06.css" type="text/css"/>

</head>

<body>

<div id="header">

<img src="images/logo.jpg"/>

</div>

<div id="nav_bg">

<ul class="nav">

<li><a href="#">首页</a></li>

<li><a href="#">会员</a></li>

<li><a href="#">活动</a></li>

<li><a href="#">直播</a></li>

<li><a href="#">视频</a></li>

<li><a href="#" class="bg">注册</a></li>

</ul>

</div>

<div id="banner">

<img src="images/banner.jpg"/>

</div>

<div id="content">

<h2 class="step">注册步骤：</h2>

<form action="#" method="post" class="one">

<h3>您的账号信息：</h3>

<table class="content">

<tr>

<td class="left">

注册方式：

</td>

<td>

<label for="one"><input type="radio" name="sex" id="one"/>E-mail注册</label>&nbsp;&nbsp;&nbsp;&nbsp;

<label for="two"><input type="radio" name="sex" id="two"/>手机号码注册</label>

</td>

</tr>

<tr>

<td class="left">

注册邮箱：

</td>

<td>

<input type="text" class="right"/>

</td>

</tr>

<tr>

<td class="left">

注册手机：

</td>

<td>

<input type="text" class="right"/>

</td>

</tr>

<tr>

<td class="left">

登陆密码：

</td>

<td>

<input type="password" maxlength="8" class="right"/>

</td>

</tr>

<tr>

<td class="left">

昵称：

</td>

<td>

<input type="text" class="right"/>

</td>

</tr>

</table>

<h3>您的个人信息：</h3>

<table class="content">

<tr>

<td class="left">

性别：

</td>

<td>

<label for="boy"><input type="radio" name="sex" id="boy"/>男</label>&nbsp;&nbsp;&nbsp;&nbsp;

<label for="girl"><input type="radio" name="sex" id="girl"/>女</label>

</td>

</tr>

<tr>

<td class="left">

学历：

</td>

<td>

<select>

<option>-请选择-</option>

<option>中职/高中</option>

<option>专科/本科</option>

<option>硕士研究生</option>

<option>博士研究生</option>

</select>

</td>

</tr>

<tr>

<td class="left">

所在城市：

</td>

<td>

<select>

<option>-请选择-</option>

<option selected="selected">北京</option>

<option>上海</option>

<option>广州</option>

<option>深圳</option>

</select>

</td>

</tr>

<tr>

<td class="left">

兴趣爱好：

</td>

<td>

<input type="checkbox" />足球&nbsp;&nbsp;&nbsp;

<input type="checkbox" />篮球&nbsp;&nbsp;&nbsp;

<input type="checkbox" />游泳&nbsp;&nbsp;&nbsp;

<input type="checkbox" />唱歌&nbsp;&nbsp;&nbsp;

<input type="checkbox" />跑步&nbsp;&nbsp;&nbsp;

<input type="checkbox" />瑜伽

</td>

</tr>

<tr>

<td class="left">

自我介绍：

</td>

<td>

<textarea cols="60" rows="8">评论的时候，请遵纪守法并注意语言文明，多给文档分享人一些支持。</textarea>

</td>

</tr>

<tr>

<td colspan="2">

<input type="button" class="btn"/>

</td>

</tr>

</table>

</form>

</div>

<div id="footer">

<p>Copyright 20

06-2016 QIANNIANZHILIANcom, All rights reserved.<br/>2001-2018, 版权所有 千年之恋 85CP 备 13385453</p>

</div>

</body>

</html>

css代码：

*{

margin:0;padding:0;list-style:none;outline:none;border:0;background:none;}

body{

font-family:"微软雅黑";font-size:14px;}

a:link,a:visited{

text-decoration:none;color:#fff;font-size:16px;}

#header{

width:980px;height:70px;margin:0 auto;padding-top:20px;}

#nav_bg{

width:100%;height:48px;background:#fe668f;}

.nav{

width:980px;margin:0 auto;}

.nav li{

float:left;}

a{

display:inline-block;height:48px;padding:0 50px;line-height:48px;}

.bg{

background:#fe9ab5;}

a:hover{

background:#fe9ab5;}

#banner{

width:980px;margin:0 auto;}

#content{

width:930px;height:934px;background:url(../images/content_bg.jpg) no-repeat;margin:0 auto;padding-left:150px;}

.step{

width:454px;height:80px;font-size:20px;font-weight:100;color:#dd8787;background:url(../images/step.jpg) center right no-repeat;line-height:80px;}

h3{

width:444px;height:45px;font-size:20px;font-weight:100;color:#dd8787;line-height:45px;border-bottom:1px solid #dd8787;}

td{

height:50px;color:#dd8787;}

.left{

width:120px;text-align:right;}

.right{

width:320px;height:28px;border:1px solid #dd8787;}

input{

vertical-align:middle;}

select{

width:171px;border:1px solid #dd8787;color:#aaa;}

textarea{

width:380px;border:1px solid #dd8787;resize:none;font:12px;color:#aaa;padding:20px;}

.btn{

width:409px;height:76px;background:url(../images/btn.jpg) right center no-repeat}

#footer{

width:100%;height:68px;line-height:26px;background:#fe668f;color:#fff;text-align:center;padding-top:40px;}

YJH040325
关注
  • 14
    点赞
  • 踩
  • 23
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
web课程设计网页设计源代码
11-12
这个名为"web课程设计网页设计源代码"的压缩包提供了完整的网站开发资源，非常适合学习者作为课程设计的参考资料。 HTML（HyperText Markup Language）是网页的基础结构语言，它定义了网页的内容和布局。在源代码中...
html+css网页设计源代码
11-07
在这个“html+css网页设计源代码”中，我们有机会深入理解这两种语言如何协同工作，创建出具有专业外观和功能的网站。 HTML是网页的基础，它定义了网页的结构和内容。在提供的"html3"文件中，我们可以看到各种HTML...
非常实用的网页设计代码源
04-11
本资源包“非常实用的网页设计代码源”显然为网页设计师和开发者提供了宝贵的工具和灵感。以下是对其中可能包含的内容的详细解读： 1. HTML (超文本标记语言)：HTML是网页设计的基础，它是构建网页结构的语言。源...
网页设计代码示例.rar
06-07
在“网页设计代码示例.rar”这个压缩包中，包含了一份名为“网页设计代码.docx”的文档，我们可以从中了解到一些网页设计的基础知识和实际应用。 首先，HTML（HyperText Markup Language）是网页设计的基础，它定义...
大学生网页设计大作业成品源代码模板 - 多网页设计制作作品任选
06-29
大学生网页设计大作业成品源代码模板 - 多个网页设计制作作品任选 大学生网页设计大作业-以下5个网页设计制作作品自己任选： 1.网页制作基础大二dw作业 2.web网页大作业 3.大学生期末网页大作业-6页面的网页设计，是...
艾尼路介绍简单网页设计代码.html
05-25
艾尼路介绍简单网页设计代码
网页代码设计
10-18
网页代码设计是构建互联网页面的基础，它涉及到一系列的技术和标准，包括HTML、CSS、JavaScript等。...随着技术的发展，网页设计者需要不断学习新的工具和技术，以创造出更先进、更用户友好的网络体验。
web期末大作业-个人网页设计代码资料.zip
12-11
web期末大作业—个人网页设计代码资料.zip HTML+CSS+JS实现个人网页设计。 web期末大作业—个人网页设计代码资料.zip HTML+CSS+JS实现个人网页设计。 web期末大作业—个人网页设计代码资料.zip HTML+CSS+JS实现个人...
网页设计代码.txt
12-23
网页设计代码.txt
网页设计作业关键代码总结.pdf
08-28
网页设计是创建交互式、动态和视觉吸引人的在线内容的过程，而代码是实现这一目标的基础工具。本篇文章将深入探讨网页设计中常见的两种关键代码——HTML和JavaScript，以及它们在网页设计作业中的应用。 HTML...
英雄联盟LOL静态HTML网页制作模板 DIV+CSS学生网页作品代码 游戏题材大学生网页设计作业下载
11-14
在数字时代，网页设计已经成为一项必备技能，尤其对于IT行业和相关专业的学生来说更是如此。本篇将围绕“英雄联盟LOL静态HTML网页制作模板”这一主题，详细探讨其背后涉及的HTML、CSS以及Dreamweaver等关键知识点，...
网页设计html代码大全
02-07
网页设计HTML代码大全 网页设计是指通过HTML、CSS、JavaScript等技术来设计和开发网页的过程。HTML（HyperText Markup Language）是用于创建网页的标记语言， Plays a crucial role in web design. 在网页设计中，...
基于HTML+CSS制作一个简单的家乡网页制作作业，广州介绍旅游网页设计代码 学生个人html静态网页制作成品代码
08-10
它适用于作为web前端课程的期末大作业，或作为大学生网页设计课程的作业提交。网页整体风格简洁明快，非常适合初学者用来实践和学习。 #### 2. **网页编辑** - 此网页作品的代码编写简单易懂，适合初学者使用。...
海贼王人物介绍简单网页设计.html
05-25
海贼王人物介绍简单网页设计
中秋之美——html5+css+js制作中秋网页
Timi2019的博客
09-02 1090
八月十五，秋已过半，是为中秋。“但愿人长久，千里共婵娟”，中秋时节，气温已凉未寒，天高气爽，月朗中天，正是观赏月亮的最佳时令。古人把圆月视为团圆的象征，因此，又称八月十五为“团圆节”。
3 html5之css新选择器和属性
最新发布
u013776700的博客
09-04 215
要说css的变化那是发展比较快的，新增的选择器也很多，而且还有很多都是比较实用的。这里举出一些案例，看看你平时都是否用过。1 新增的一些写法：1.1 导入css这个是非常好的一个变化。这样可以让我们将css拆分成公共部分或者多个模块化的css,然后在需要的地方按需导入实用。1.2 变量和函数变量这个自然不用多说，大家用的可能比较多，但是大家也要注意变量的作用域问题。函数这里重点谈一下。attr函数：函数用于获取被选中元素的某个 HTML 属性值，并在样式文件中使用该值。
HTML5 全屏API讲解
Jinuss的博客
09-01 539
全网最详细的HTML5 全屏API介绍
HTML和HTML5有什么区别
m0_56131422的博客
08-30 1679
HTML，即超文本标记语言，是构建网页的标准语言。最初版本的HTML简单地定义了网页的结构和内容，包括文本、图片、链接等元素。HTML的基本标签包括等，它们帮助浏览器正确渲染网页内容。HTML5是HTML的第五个主要版本，旨在解决Web开发中的一些长期存在的问题，并引入了许多新功能。HTML5不仅扩展了现有功能，还增强了对多媒体、图形和应用程序的支持。
Python网页设计代码
06-01
以Flask为例，下面是一个简单的Python网页设计代码示例： ``` from flask import Flask, render_template app = Flask(__name__) @app.route('/') def home(): return 'Hello, world!' @app.route('/about') ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值