<!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=utf-8" />
<title>Pro Studio - web design, free web template</title>
<meta name="keywords" content="Pro Studio, black and white edition, web design, free web template" />
<meta name="description" content="Pro Studio - black and white edition, free web template provided from moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<script language="javascript" type="text/javascript">
function clearText(field){
if (field.defaultValue == field.value) field.value = '';
else if (field.value == '') field.value = field.defaultValue;
}
</script>
</head>
<body>
<!-- Free Web Templates @ www.moobnn.com -->
<div id="templatemo_header_wrapper">
<div id="templatemo_header">
<div id="logo">
Pro Studio
<span>Your slogan text goes here</span>
</div>
<div id="search_section">
<form action="#" method="get">
<input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus="clearText(this)" onblur="clearText(this)" />
<input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />
</form>
</div>
<div class="cleaner"></div>
</div> <!-- end of header -->
</div> <!-- end of header wrapper -->
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current"><span></span>Home</a></li>
<li><a href="#"><span></span>Gallery</a></li>
<li><a href="#"><span></span>Blog</a></li>
<li><a href="#"><span></span>Forum</a></li>
<li><a href="#"><span></span>About Us</a></li>
<li><a href="#"><span></span>Contact Us</a></li>
</ul>
</div> <!-- end of menu -->
</div> <!-- end of menu wrapper -->
<div id="templatemo_content_wrapper">
<div id="templatemo_content">
<div class="section_w440 fl margin_right_20">
<div class="post">
<div class="header_01">First post title goes here</div>
<p>This is a website template provided by <a href="http://www.moobnn.com" target="_parent">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a> for free of charge. You may download, modify and apply this CSS layout for your websites. Credit goes to <a href="#" target="_blank">free photos</a> for photos used in this layout. Donec a massa ut pede pulvinar vulputate. Nulla et augue. Sed eu nunc quis pede tristique suscipit.</p>
<p>Maecenas sem urna, aliquam vehicula ultricies eleifend, convallis non turpis. Sed tempus libero nec erat tempus ornare. Sed sit amet enim ut magna elementum feugiat id vitae est. Nulla at urna eu mauris mattis hendrerit. Vivamus tempor, metus in auctor aliquam, ante velit pretium turpis, eu mollis sapien ante id purus. In lorem erat, porttitor non consectetur non, porta ut neque.</p>
<div class="margin_bottom_10"></div>
<div class="post_info">
Category: <a href="#">Web Design</a> <span>Posted on 14:50, 28 December 2024</span>
</div>
</div>
<div class="post">
<div class="header_01">Second post title goes here</div>
<div class="post_image">
<img src="images/templatemo_image_01.jpg" alt="image" />
</div>
<div class="post_text">
<p>Fusce sit amet enim nibh. Ut quam purus, consectetur non auctor a, rutrum id turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
<p>Nulla eleifend metus vel nulla consectetur in interdum magna faucibus. Vivamus in diam in erat imperdiet placerat quis eget arcu.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam consequat, nunc a malesuada malesuada, nisl nisi semper erat, ut imperdiet mauris neque ut arcu. In ac diam et augue laoreet auctor. Nunc nec tellus ante, eget varius ante. Nam nec odio libero, nec suscipit quam.</p>
</div>
<div class="margin_bottom_10"></div>
<div class="post_info">
Category: <a href="#">Web Scripts</a> <span>Posted on 16:30, 24 December 2024</span> </div>
</div>
<div class="post">
<div class="header_01">Third post is the orginal message</div>
<div class="post_image">
<img src="images/templatemo_image_02.jpg" alt="image" />
</div>
<div class="post_text">
<p>Phasellus vel lectus vestibulum neque bibendum dapibus a dictum lorem. Duis sit amet nibh urna, id mollis tortor. Nulla congue, nisi nec consectetur scelerisque, dui risus vestibulum elit, ac tincidunt est sem non ligula. Maecenas eros erat, hendrerit et iaculis eget.</p>
<p>Mauris tincidunt iaculis orci. Vestibulum eu gravida odio. Nunc id elit leo. Sed eget odio a massa aliquet lacinia. Curabitur faucibus interdum rhoncus.</p>
<p>Nullam tincidunt libero in diam adipiscing tincidunt. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
</div>
<div class="margin_bottom_10"></div>
<div class="post_info">
Category: <a href="#">XHTML/CSS</a> <span>Posted on 18:20, 22 December 2024</span>
</div>
</div>
</div> <!-- end of post column -->
<div class="section_w450 fl">
<div class="section_w260 fl margin_right_10">
<div class="header_02"><span></span>Latest News</div>
<div class="news_section">
<div class="header_03"><a href="#">In ac diam et augue laoreet</a></div>
<p>In ac diam et augue laoreet auctor. Nunc nec tellus ante, eget varius ante. Nam nec odio libero, nec suscipit quam.</p>
</div>
<div class="margin_bottom_20"></div>
<div class="news_section">
<div class="header_03"><a href="#">Nunc nec tellus ante</a></div>
<p>Maecenas sem urna, aliquam vehicula ultricies eleifend, convallis non turpis. Sed tempus libero nec erat tempus ornare. </p>
</div>
<div class="margin_bottom_20"></div>
<div class="news_section">
<div class="header_03"><a href="#">Maecenas sem urna</a></div>
<p>Vivamus tempor, metus in auctor aliquam, ante velit pretium turpis, eu mollis sapien ante id purus. In lorem erat, porttitor non consectetur.</p>
</div>
<div class="margin_bottom_20"></div>
<div class="news_section">
<div class="header_03"><a href="#">Duis sit amet nibh urna</a></div>
<p>Suspendisse gravida, ante non consectetur porttitor, ligula dolor consectetur mi, eget gravida augue sem vel leo.</p>
</div>
黑色标准型个人博客模板_黑色标准博客.头部导航.rar
需积分: 0 197 浏览量
更新于2023-09-11
收藏 56KB RAR 举报
标题中的“黑色标准型个人博客模板_黑色标准博客.头部导航.rar”暗示了这是一个用于创建个人博客的模板，尤其强调了其设计风格为黑色，并且包含头部导航元素。这个压缩包可能包含了构建一个专业而富有个性的黑色调博客所需的所有必要文件。
描述中的“html”表明这个模板基于HTML（超文本标记语言）构建，这是一种用于创建网页的标准标记语言。HTML允许开发者通过组合不同的标签来定义页面结构，包括标题、段落、图像、链接等元素。
标签“html 毕业设计”进一步证实了这个模板可能被用作学生的毕业设计项目，特别是对于那些学习Web开发的学生来说，他们可以借此学习和实践HTML的基础知识，以及如何设计和构建功能完整的网站。
压缩包内的文件名称列表揭示了模板的具体组成部分：
1. templatemo_style.css：这是样式表文件，用于定义HTML元素的样式，如颜色、字体、布局等。CSS（层叠样式表）与HTML配合使用，使我们可以实现页面的视觉呈现，而不影响页面内容。
2. index.html：这是网站的主页文件，通常包含整个网站的主要导航和内容。在HTML中，`index`文件是默认加载的页面，用户在输入网站URL时会首先看到这个页面。
3. templatemo_banner.jpg：这可能是网站的头部图像，通常用于展示博客的标志或吸引人的图片，作为用户访问网站的第一印象。
4. templatemo_image_01.jpg 至 templatemo_image_10.jpg：这些是额外的图像资源，可能用于装饰博客的各个部分，如侧边栏、文章内容或页脚。它们可以增强网站的视觉吸引力，提供更丰富的用户体验。
总结起来，这个压缩包提供了一个全黑背景的个人博客模板，包括HTML结构、CSS样式定义以及一系列图像资源。对于学生或初学者来说，这是一个很好的实践项目，可以帮助他们理解HTML和CSS的交互，以及如何创建具有视觉冲击力的网页设计。同时，它也可以被任何想要创建个性化博客的人使用，只需将内容替换掉模板中的占位符，即可拥有一个独特风格的博客站点。
黑色标准型个人博客模板_黑色标准博客.头部导航.rar （20个子文件） 
templatemo_footer_bg.jpg 3KB templatemo_header_left.jpg 376B templatemo_image_05.jpg 5KB templatemo_image_02.jpg 6KB templatemo_hd.jpg 307B templatemo_header_repeat.jpg 595B templatemo_banner.jpg 13KB templatemo_menu_repeat.jpg 371B templatemo_image_09.jpg 3KB templatemo_image_08.jpg 3KB templatemo_header_right.jpg 1KB templatemo_image_03.jpg 4KB templatemo_footer_repeat.jpg 358B
index.html 12KB templatemo_image_10.jpg 6KB templatemo_image_07.jpg 5KB
templatemo_style.css 6KB templatemo_image_04.jpg 4KB templatemo_image_01.jpg 6KB templatemo_image_06.jpg 4KB2022-02-17 上传
2023-08-06 上传
195 浏览量
2021-11-06 上传
175 浏览量
2022-11-12 上传
2022-11-13 上传
142 浏览量
166 浏览量
103 浏览量
5星 · 资源好评率100%110 浏览量
5星 · 资源好评率100%157 浏览量
资源评论
Q_97095639
- 粉丝: 511
- 资源: 1万+
最新资源
- Java毕业设计-springboot-vue-校园疫情防控平台(源码+sql脚本+29页零基础部署图文详解+36页论文+21页答辩+环境工具+教程+视频+模板).zip
- 车道线检测MATLAB工程：图像处理与实时视频分析，结合GUI界面与霍夫变换技术,车道线检测matlab工程文件，gui界面，图像处理，图像分割，实时视频检测，霍夫变，具体效果可看主页演示视频，程序包
- 眼疾识别数据集训练集部分
- 基于S函数的永磁同步电机矢量控制双闭环PMSM控制模型在Matlab Simulink中的参数化搭建与实践,采用s函数编写的永磁同步电机矢量控制双闭环PMSM控制模型，利用matlab simulin
- 富兰瓦时(电力电子设备及自动化产品研发商,深圳市富兰瓦时技术有限公司)创投信息
- PMSM高频注入法HFI无传感器位置检测：高频脉振注入的Simulink仿真及公式推导指南,PMSM 高频注入法HFI 无位置传感器 高频脉振注入仿真文件simulink仿真， matlab2018可
- 富瑞氢能(氢能装备提供商,江苏国富氢能技术装备股份有限公司)创投信息
- 歌德盈香(高端酒类推广及拍卖平台,歌德盈香股份有限公司)创投信息
- 风光储互补系统直流微电网Simulink仿真模型：光伏Boost电路与风电永磁直驱整合，混合储能及稳定负载的直流母线电压控制,风光储互补系统直流微电网simulink仿真模型 1.光伏系统通过boo
- 谷雨互动(客户体验管理平台,北京谷雨互动智能科技有限公司)创投信息
- 蓝卓工业互联网(工业操作系统研发商,浙江蓝卓工业互联网信息技术有限公司)创投信息
- 领存集成电路(全自动化芯片检测及芯片封装服务商,广东领存集成电路有限公司)创投信息
- Java毕业设计-springboot-vue-“有光”摄影分享网站(源码+sql脚本+29页零基础部署图文详解+33页论文+环境工具+教程+视频+模板).zip
- Java毕业设计-springboot-vue-爱心商城系统(源码+sql脚本+29页零基础部署图文详解+30页论文+环境工具+教程+视频+模板).zip
- Java毕业设计-springboot-vue-it职业生涯规划系统(源码+sql脚本+29页零基础部署图文详解+33页论文+环境工具+教程+视频+模板).zip
- 斯睿特智能(工业AI智能解决方案研发商,广州市斯睿特智能科技有限公司)创投信息
