学习PHP第三天HELLO BLOG

最新推荐文章于 2024-06-20 09:36:29 发布
最新推荐文章于 2024-06-20 09:36:29 发布
阅读量377 收藏
点赞数 1
分类专栏： PHP学习0~60 文章标签： PHP
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuyu391/article/details/55106762
版权

一、实战仿照博客网站

div布局

css引用方式

字体模式

盒子模型运用

<!-- 仿制博客主页.html -->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>仿制博客主页.html</title>

	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/index.css">

</head>
<body>

	<header>
		<h1>奋斗60天的Blog</h1>
        <h4>乘风行,无惧。死磕，从容</h4>
	</header>
	<nav>
		<ul>
            <li><a href="">导航1</a></li>
            <li><a href="">导航2</a></li>
            <li><a href="">导航3</a></li>
            <li><a href="">导航4</a></li>
        </ul>

	</nav>
	<div id="main">
		<div id="left_side">

		<article>
                <h2><a href="#">午后的街头</a></h2>
                <div class="entry_header">
                    <time>2015/7月/日</time>
                    by
                    <a href="#">十八</a>
                    <a class="catlink" href="#">闲谈随笔</a>
                    <a class="comment" href="#">8条评论</a>
                </div>
                <div class="entry_content">
                    <p>有时突然想说我爱你，<br>
                    有时突然慌张忧伤。</p>
                    <p>
                    像迷路的孩子，<br>
                    东张西望。
                    </p>
                    <p>
                    伸出双手想抓住，时光像泥鳅一样。
                    </p>
                </div>
            </article>
            <article>
                <h2><a href="#">午后的街头</a></h2>
                <div class="entry_header">
                    <time>2015/7月/日</time>
                    by
                    <a href="#">十八</a>
                    <a class="catlink" href="#">闲谈随笔</a>
                    <a class="comment" href="#">8条评论</a>
                </div>
                <div class="entry_content">
                    <p>有时突然想说我爱你，<br>
                    有时突然慌张忧伤。</p>
                    <p>
                    像迷路的孩子，<br>
                    东张西望。
                    </p>
                    <p>
                    伸出双手想抓住，时光像泥鳅一样。
                    </p>
                </div>
            </article>
            <article>
                <h2><a href="#">午后的街头</a></h2>
                <div class="entry_header">
                    <time>2015/7月/日</time>
                    by
                    <a href="#">十八</a>
                    <a class="catlink" href="#">闲谈随笔</a>
                    <a class="comment" href="#">8条评论</a>
                </div>
                <div class="entry_content">
                    <p>有时突然想说我爱你，<br>
                    有时突然慌张忧伤。</p>
                    <p>
                    像迷路的孩子，<br>
                    东张西望。
                    </p>
                    <p>
                    伸出双手想抓住，时光像泥鳅一样。
                    </p>
                </div>
            </article>
			<div class="fileShow">美文目录0</div>
			<div class="fileShow">美文目录1</div>
			<div class="fileShow">美文目录2</div>
			<div class="fileShow">美文目录3</div>
			<div class="fileShow">美文目录4</div>

			<div id="pagebar">
                Pages: 
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <a href="#">6</a>
            </div>
		</div>

		<div id="right_side">
			<aside>
                <form action="">
                    <input type="text" name="search" placeholder="Search...">
                </form>
            </aside>
            <aside>
                <h4>测试标题</h4>
                <ul>
                    <li><a href="">文章标题</a> (1)</li>
                    <li><a href="">文章标题</a> (3)</li>
                    <li><a href="">文章标题</a> (5)</li>
                    <li><a href="">文章标题</a> (3)</li>
                </ul>
            </aside>
            <aside>
                <h4>测试标题</h4>
                <ul>
                    <li><a href="">文章标题</a> (1)</li>
                    <li><a href="">文章标题</a> (3)</li>
                    <li><a href="">文章标题</a> (5)</li>
                    <li><a href="">文章标题</a> (3)</li>
                </ul>
            </aside>
            <aside>
                <h4>测试标题</h4>
                <ul>
                    <li><a href="">文章标题</a> (1)</li>
                    <li><a href="">文章标题</a> (3)</li>
                    <li><a href="">文章标题</a> (5)</li>
                    <li><a href="">文章标题</a> (3)</li>
                </ul>
            </aside>
			<div class="fileListShow">分类目录0</div>
			<div class="fileListShow">分类目录1</div>
		</div>
		<!-- <div class="clear"></div> -->
	</div>
	<footer>
		Copyright &copy; 2015 · GeneratePress · WordPress
	</footer>

</body>
</html>

简单效果图：



二、还有许多要练习的

重在练习

重在练习

重在练习


总结：

简单的单页面分分钟搞定的事。

搞一个页面用了半天时间。


保持心态，明确学习方向，学习方向，学习方向。

精力，睡觉时间，睡觉时间，睡觉时间。

asktang_yu
关注
专栏目录
PHP_MySQL教程-第一天
10-30
PHP_MySQL教程-第一天 本教程旨在帮助读者快速掌握 PHP 和 MySQL 的基本知识，了解如何使用这两种软件开发数据驱动的网站。通过本教程，读者将了解 PHP 和 MySQL 的基本概念、安装和配置、基本语法和应用场景等。 ...
推荐使用：GeneratePress - 轻量级且功能强大的WordPress主题
gitblog_00092的博客
05-23 484
推荐使用：GeneratePress - 轻量级且功能强大的WordPress主题 项目地址:https://gitcode.com/tomusborne/generatepress 1、项目介绍 GeneratePress 是一个以速度和易用性为核心设计的WordPress主题。它在保持极简安装包大小（gzip压缩后不到10kb）的同时，提供了丰富的定制选项和出色的表现力。这款主题充分利用了Bl...
Generatepress 更轻量的WordPress主题
shuanghusun的专栏
02-18 906
平常我们在挑选主题时，在类型上会有2种不同的选择 多用途可定制的主题，这类主题大部分功能非常强大，提供给用户各种选项，比较有名的是Themeforest上的主题，能够迎合大部分用户的需求，一款主题可以做出上百种完全不同类型的站点，适合大部分网站使用，不过这种多用途的主题往往不能够很快的加载，需要做各种优化 轻量主题，这种主题往往有自己的特色，而且加载速度快，缺点是使用这样的主题布局非常单一，而...
比较轻量级的wordpress主题GeneratePress+高级版插件激活
shuanghusun的专栏
02-18 1396
近来一直潜心学习wordpress建站+谷歌海外SEO的相关知识，从买域名开始，购买阿里云ECS服务器+架设宝塔后台管理系统+架设wordpress运行环境，开始下载试用不同的主题模板，再去gtmetrix官方测试，各种优化自己找到一个较轻量级的主题，那就是:GeneratePress。 前边流程的大大们都十分清楚（小白自行度娘也可私我），我这里只说我自己运用GeneratePress主题后开通...
GeneratePress使用教程：玩转 Hooks
shuanghusun的专栏
02-18 1952
GeneratePress主题有着非常优秀的Hook系统，它可以让我们对主题的模块进行各种改造，即使你不是专业的Web开发者，只要熟悉了它的Hook系统，也能灵活使用，在本文中，勺子将教大家如何使用GeneratePress中的Hooks 准备：安装Elements扩展 转存失败重新上传取消 因为Hooks属于GeneratePress中的高级功能，需要你安装GP Premium中的elem...
探索GeneratePress子主题：打造个性化WordPress体验
gitblog_00014的博客
06-20 290
探索GeneratePress子主题：打造个性化WordPress体验 项目地址:https://gitcode.com/addisonhall/generatepress-child 在广袤的开源世界中，发现一个能够提升开发效率和设计灵活性的宝藏并不容易。今天，我们将一起深入探索GeneratePress子主题的魅力所在，这不仅是一个简单的WordPress主题衍生品，它更是一套完整的技术解决方...
ExtJs 学习笔记 Hello World!第1/2页
10-30
首先，ExtJS的"Hello World"示例通常涉及到引入必要的库文件。在开始使用ExtJS之前，你需要从官方网站（http://extjs.com/products/extjs/download.php）下载框架的最新版本。解压后，你会看到包含adapter、build、...
php代码-php语言学习第一天0203
07-16
在PHP语言的学习过程中，第一天通常是基础的入门阶段，主要涉及语法结构、变量、数据类型以及基本的输出操作。本文将围绕"PHP代码-php语言学习第一天0203"的主题，结合压缩包内的`main.php`和`README.txt`文件，详细...
PHP7扩展开发之hello word实现方法详解
10-18
代码实现是第三步，也是扩展开发的核心步骤。在这个环节中，我们需要修改C语言源码文件，具体来说是实现一个新的PHP函数。PHP_FUNCTION宏用于定义新的PHP函数。在示例中，我们需要实现一个say()函数，调用该函数时会...
WordPress的GeneratePress主题免费版修改页脚版权信息
迷失蒲公英
01-29 868
WordPress的GeneratePress主题修改底部页脚信息，网上不少搜索到的是收费版的方法，而对于免费版如何修改呢？
GeneratePress：全局颜色设置教程
桜丸子的博客
06-23 417
本教程讲解如何在GeneratePress主题中配置网站的全局颜色。 本文原文出自：https://loyseo.com/tutorial/generatepress/global-colors/ 您可以在自定义（customize） > 颜色（colors）中找到GeneratePress主题的全局颜色（global colors）配置项。 打开颜色面板后，您将下图中的全局颜色和元素列表。 全局颜色 GeneratePress主题默认添加了 7 种颜色，每种颜色都有特定的用途。 从左到右，分别有如
一个简单的hello php,创建一个简单的Hello World案例
weixin_28987547的博客
04-04 337
一、创建一个简单的Hello World案例首先需要导入activemq-all-5.14.5.jar包，写生产端：package com.ietree.mq.helloworld;import javax.jms.Connection;import javax.jms.ConnectionFactory;import javax.jms.DeliveryMode;import javax.jms...
一个简单的hello php,简单的Hello world!
weixin_42603332的博客
04-04 267
安装好框架之后，让我们来用框架来实现helloworld! 我们以框架代码部署在/var/www/zentaophp为例：一、了解框架目录结构新版本的框架对目录结构进行了简化。解压缩zentaoPHP框架之后，你可以看到这个目录下面有如下文件：其中config目录存储配置文件。db目录存储的是demo演示所用的blog表的定义。favicon.ico是网站小图标文件。framework则是框架的核...
基于java的共享汽车管理系统的开题报告2.docx
09-25
基于java的共享汽车管理系统的开题报告2.docx
基于SpringBoot的ChongyouLostandfound失物招领网站设计源码
09-25
该源码是一款基于SpringBoot框架构建的重邮失物招领网站，包含了250个文件，涵盖101个XML配置文件、44个Java源代码文件、26个HTML页面文件、20个JavaScript脚本文件、12个CSS样式文件、12个图片文件（JPG格式）、10个属性文件、5个ICO图标文件、5个PNG图片文件、4个SVG矢量图形文件。项目采用Java、HTML、JavaScript和CSS等多种语言实现，功能完善，界面友好。
小白学JavaScript的第六天
最新发布
09-25
小白学JavaScript的第六天
源享科技STM32学习开发板芯片资料74HC595
09-25
源享科技STM32学习开发板芯片资料74HC595
基于C++和C语言的邻居Toyota日落追逐故事设计源码
09-25
本项目是一款以C++和C语言为基础开发的“Toyota日落追逐故事”游戏源码，包含68个文件，其中包括30个可执行文件、29个C++源文件、6个文档文件、2个C源文件以及1个文本文件。游戏讲述了一个主人公驾驶邻居家的Toyota汽车追逐日落的冒险故事，其中充满了惊险与刺激。
CEH2310-VB一种N-Channel沟道SOT23-6封装MOS管
09-25
30V;6A;RDS(ON)=30mΩ@VGS=10V;VGS=20V;Vth=1.2V
PHP入门教程：十天学会PHP
* 使用UNIX Shell语法注释，例如：echo"这是第三种例子。\n";#本例使用UNIXShell语法注释 ### 变量类型 PHP中的变量以$开头，结尾以;结尾。PHP支持多种变量类型，例如： * 字符串变量，例如：$mystring="我是字符...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值