初步制作个人网站

最新推荐文章于 2024-09-07 14:32:46 发布
置顶 最新推荐文章于 2024-09-07 14:32:46 发布
阅读量742 收藏 1
点赞数
分类专栏： html 文章标签： class xhtml html 文档 border 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lanhai_yue/article/details/6901780
版权

//index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 {
 font-size: 36px;
 font-weight: bold;
 color: #99FF00;
}
.STYLE5 {
 font-size: 24px;
 font-style: italic;
}
.STYLE8 {font-size: 36px; font-weight: bold; color: #33CCFF; }
.STYLE9 {color: #66FF66}
.STYLE10 {
 font-size: 24px;
 font-style: italic;
 font-weight: bold;
 color: #FF0000;
}
-->
</style>
</head>

<body bgcolor="#CCFF99" background="../b07defcde9dcc468b600c898[1].jpg">
<p><span class="STYLE8">阿哲</span></p>
<p><span class="STYLE1"><span class="STYLE5">的</span><span class="STYLE9">个人主页</span></span> -------------------------------------<span class="STYLE10">童年的星空</span></p>
</body>
</html>

//top

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 {
 font-size: 36px;
 font-weight: bold;
 color: #99FF00;
}
.STYLE5 {
 font-size: 24px;
 font-style: italic;
}
.STYLE8 {font-size: 36px; font-weight: bold; color: #33CCFF; }
.STYLE9 {color: #66FF66}
.STYLE10 {
 font-size: 24px;
 font-style: italic;
 font-weight: bold;
 color: #FF0000;
}
-->
</style>
</head>

<body bgcolor="#CCFF99" background="../b07defcde9dcc468b600c898[1].jpg">
<p><span class="STYLE8">阿哲</span></p>
<p><span class="STYLE1"><span class="STYLE5">的</span><span class="STYLE9">个人主页</span></span> -------------------------------------<span class="STYLE10">童年的星空</span></p>
</body>
</html>

//bottom

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE1 {
 color: #FF0000;
 font-weight: bold;
}
.STYLE3 {color: #FF0000; font-weight: bold; font-size: 18px; }
.STYLE5 {font-size: 14px}
.STYLE6 {
 font-size: 24px;
 font-style: italic;
 font-weight: bold;
 color: #FF0066;
}
-->
</style>
</head>

<body background="../16.jpg">
<span class="STYLE6">来了！停一秒钟！给你一辈子的惊喜不断！！</span>
<p align="right"><span class="STYLE3">阿哲的小窝</span><span class="STYLE5">欢迎您，您是本站第<span class="STYLE1">10000000</span>个访客！ </span></p>
</body>
</html>

//left

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>m</title>
<style type="text/css">
<!--
.STYLE1 {
 font-size: 24px;
 font-weight: bold;
 font-style: italic;
 color: #CC0099;
}
.STYLE3 {font-weight: bold; font-style: italic; font-size: 24px;}
.STYLE5 {color: #CC0099}
-->
</style>
</head>

<body background="../bc2416d532efc31806088b1e[1].jpg"><table width="49%" border="0">
  <tr>
    <td height="195"><p><u><span class="STYLE1"><a href="jianli.html" target="_parent">我的简介</a></span></u></p>
    <p class="STYLE5"><u><span class="STYLE3"><a href="music.html">我的音乐</a></span></u></p>
    <p class="STYLE5"><u><span class="STYLE3"><a href="wenzhangliebiao.html">我的文章</a></span></u></p>
    <p class="STYLE5"><u><span class="STYLE3"><a href="shipingliebiao.html">我的视频</a></span></u></p>
    <p><span class="STYLE5"><u><span class="STYLE3"><a href="tupianliebiao.html">我的图片</a></span></u></span></p></td>
  </tr>
 
</table>

</body>
</html>

 

//center

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title><bgsound src="钢琴曲 - kiss the rain.mp3" loop="-1">
</head>

<body background="../2.jpg">
</body>
</html>

//right

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE4 {font-size: 24px}
.STYLE8 {font-size: 36px}
.STYLE10 {color: #FF6600}
.STYLE11 {color: #00FF00}
.STYLE13 {color: #FF0000}
-->
</style>
</head>

<body background="../17.jpg">
  <pre>

┃ \\\\  ┃
┃ (-●●-) ┃
┃  \　 /   ┃
┃   \︶/　┃</pre>
  <span class="STYLE4"><strong> <span class="STYLE8">通缉犯</span><br>
 
  <span class="STYLE10">性别</span>:男<br>
  <span class="STYLE10">特征</span>：太帅<br>
  <span class="STYLE10">年龄</span>：100<br>
  <span class="STYLE10">姓名</span>：太酷<br>
  <span class="STYLE11">很温柔，很有型。
  <br>
  <span class="STYLE13">请稍后...资料更新中....  </span></span></strong></span>
</body>
</html>

 

//仅为基本框架

 

 

top0qidian
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
使用HTML制作一个简单的个人主页
indulgexiaomei的博客
10-09 20万+
此网页我对html有了一个简单，初步的认识后制作的一个网页，主要目的是练习html的一些简单操作，由于时间关系，有很多做的不好，细节处理不到位的地方。 废话不多说，先来看效果 1、首页 这一个网页就是进行了网页背景、背景音乐、段落的处理、水平线以及超链接的简单练习。 2、我的相册 这一页主要是对大量图片进行一个排版的练习 3、我的计划 这一页主要是对文本有序无序以及表格内部的背景颜色等等的练习 4、我的家乡 这一部分是对段落、还有文本与图片结合的练习 5、我的故事 这个是对表格进阶版的练习，文字
从零开始建设个人网页
Meditator_hkx的博客
08-06 1万+
前一段时间突然心血来潮，想建立一个自己的个人网页，打造自己的互联网明信片，于是Google查了许多教程和博客分析，但是无奈的是没有一个排名靠前的搜索结果能够详实地介绍给新手该如何一步步建立网站。是的，或者流于讲道理的层次说你该看些书看些网页模板学学HTML，或者整体流程给了但是说得很模糊，或者是指在某一个节点上讲得比较细但是其他方面一概不关心。在这个信息爆炸的时代，还是要靠自己成事才行！
html个人信息表制作（适合初学者）
qq_51730402的博客
12-04 4256
html个人信息表制作（适合初学者）
PHP制作网站流程：我的个人经历
Li91314的博客
07-08 558
然后，我编写了各个页面的代码，实现了首页的展示、文章的列表和详情显示、留言板的提交和显示等功能。在编写代码的过程中，我遇到了很多问题和困难，但通过不断地查阅资料和尝试，我逐渐解决了这些问题。在部署过程中，我遇到了很多与服务器配置和网站迁移相关的问题，但通过查阅资料和咨询专业人士的帮助，我最终成功地将网站部署到了服务器上并使其能够正常访问。我安装了Apache服务器和MySQL数据库，配置了PHP解释器，并在本地搭建了一个完整的网站开发环境。照这么推测的话，我也对网站的性能和安全性进行了初步的测试和优化。
（一）手把手带你搭建精美简洁的个人时间管理网站（初步简略计划）
榕城候佳人的博客
03-21 591
但是我也还没有具体的想好，只有一些模糊的概念，要在以后的开发过程中慢慢挖掘。1. 可视化 | 可视化对我来讲是必须的。我最希望看到的就是用良好的可视化方法展现每天自己在不同环节所耗费的时间，从而让我可以清醒地意识到自己哪些地方做的还好，哪些需要改进。2. 分析统计 | 可以根据我自己记录的数据，做一些简单的分析功能。比如统计每周在哪些地方花的时间最多；不同时间段都做些什么等等。这要看我自己具体记录了哪些类型的数据3. 输入存储 | 这是最基本的，要能够自己提交每日的相关信息。
大一学生《Web编程基础》期末网页制作 HTML+CSS+JavaScript 网页设计实例 企业网站制作
VX_WJ88950106的博客
08-12 2552
1网页简介：此作品为学生个人主页网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。2.网页编辑等任意html编辑软件进行运行及修改编辑等操作）。3.知识应用：技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等，视频、 音频元素 、Flash，同时设计了Logo（源文件）所需的知识点。......
计算机毕业设计：Java网上个人博客网页网站系统开题报告+源代码效果图
最新发布
杭州.黄老师
09-07 2579
黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！如果需要联系我，可以在CSDN网站查询黄菊华老师。
[搭建个人网站]civetweb框架
SuperYang_的博客
06-05 2771
要搭建自己的个人网站必须得有自己的后台服务程序和前端界面展示程序，因为笔者主要从事c/c++应用程序开发，所有我们后台服务程序选用轻量的c++ civetweb服务框架来做开发，前端初步设想使用AngularJs来实现 ...
html实战-制作静态网页
热门推荐
RecordStudy
08-04 11万+
教程视频：http://edu.csdn.net/course/detail/535   从42开始 制作的网页：http://www.cnos.co/ 整体思路： 先布局再CSS控制 骨架搭好了，初始化样式， 后再弄CSS样式。注意：将CSS的样式导入到外部样式表时，要注意图片的位置，以及 对外部样式表的引入   1、头部的背景图片的高度128px来自素材的图片高，容器的宽度大
如何用FIgma制作个人作品集教学
JayLinXR的博客
07-09 466
初学者一起来学习从设计到开发 😃，下一集教大家用Next.js build 个 Portfolio
WebSite2_个人制作网页_
10-01
在本项目"WebSite2_个人制作网页_"中，我们主要关注的是一个由个人开发者创建的网站，这个网站集成了多种功能，包括用户登录、PPT展示、轮播图...开发者需要具备跨领域技能，才能有效地实现这样一个综合性的个人网站。
网页制作初步PPT学习教案.pptx
10-01
这些基础知识构成了网页制作的入门阶段，通过学习和实践，能够构建一个简单的个人网站，例如介绍厦门的主题网站。理解并掌握这些技能，对于进一步学习更复杂的网页设计和开发技术奠定了坚实基础。
电子课件-《Dreamweaver 网页设计与制作（第二版PPT教程）》
12-14
9. **项目九：制作个人网站——应用模板和库** 模板和库可以提高设计效率和一致性。本项目介绍如何创建和应用自定义模板，以及使用库来管理和重用网页元素。 10. **项目十：制作留言板——动态网页入门** 最后一...
网页制作的个人小结.pdf
11-04
网页制作是当今互联网时代一个非常重要的技术，通过这次个人网页的制作，作者对计算机有了更深层次的了解，也有了更浓厚的兴趣。作者通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更...
个人网页的个人简介制作
top0qidian的专栏
10-22 3522
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 个人简历 .STYLE11 {font-size: 24} .STYLE13 {  font-size: 18px;  font-weight: bold; } .STYLE14 {  f
给定一个字符串,求出该字符串里哪个字符出现的次数最多
top0qidian的专栏
07-16 3212
package org.crm.test; import java.util.HashMap; import java.util.Map; public class StrCartTest { /** * @param args */ public static void main(String[] args) {    // TODO Auto-generated m
javascript加强 遍历所有文档节点
top0qidian的专栏
11-06 2926
test.html //作业 遍历整个文档的节点 window.onload = function() { //获取根节点 var root = document.documentElement; //调用递归的方法即可 items(root); document.write(str); } var str = ""; function items(no
java标签之表格的隔行间色显示
top0qidian的专栏
11-21 2258
My JSP '1.jsp' starting page                .odd{        background-color:red;     }     .even{        background-color:green;     }     tr:hover{background-color:yellow;}
"网页制作初步PPT学习教案：创建和管理站点，准备网页素材，构建个人网站
网页制作初步PPT学习教案中提到了通过构建一个以介绍厦门为主题的简单个人网站来进行学习。在创建和管理站点的步骤中，准备工作是非常重要的。首先需要规划站点结构，将内容分门别类放置在同一文件夹内，同时将图像...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值