에세이 웹사이트 레이아웃의 ...LOGIN

에세이 웹사이트 레이아웃의 작은 사례

에세이 웹 사이트 레이아웃에 대한 작은 사례 연구:

순수한 텍스트는 지루해 보일 수 있지만 그림을 추가하면 독자의 감각을 자극하고 독서에 대한 관심을 불러일으킬 수 있습니다. 이는 이미지와 텍스트의 일치가 얼마나 중요한지를 반영합니다. 이 사례는 "청춘은 가장 아름다운 만남"이라는 제목의 기사를 텍스트와 이미지 스타일을 통해 출력합니다.

a) 편집기에서 텍스트 몇 단락을 추가하세요.

b) 각 텍스트의 스타일을 별도로 설정합니다.

c) 이미지를 삽입하고 필요에 따라 이미지와 텍스트 사이의 간격을 조정합니다.

디버깅에는 Firefox 브라우저를 사용하세요.

코드는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>PHP中文网</title>
</head>
<body>
<p align="center"><strong>青春是最美好的相遇</strong></p>
<p>  在威斯敏斯特教堂旁边,矗立着一块墓碑,上面刻着一段非常著名的话:“当我年轻的时候,我梦想改变这个世界;当我成熟以后,我发现我不能够改变这个世界,我将目光缩短了些,决定只改变我的国家;当我进入暮年以后,我发现我不能够改变我们的国家,我的最后愿望仅仅是改变一下我的家庭,但是,这也不可能。当我现在躺在床上,行将就木时,我突然意识到:如果一开始我仅仅去改变我自己,然后,我可能改变我的家庭;在家人的帮助和鼓励下,我可能为国家做一些事情;然后,谁知道呢?我甚至可能改变这个世界。” </p>
<p align="right"><em>——题记</em></p>
<img src="5.jpg" width="200" align="left" vspace="20" hspace="20"/>
<h3>  <div style="color: red">1. 我们的相遇</div></h3>
<p>  漫漫青春路,多少岔路口,青春蹉跎,机会错过。而我,庆幸遇上了PHP中文网。</p>
<h3><div style="color: red">2. 我的感恩</div></h3>
<p>  敲完最后一行代码,走出办公室,站在曾经觉得特别高大上的落地窗前,看着倒影中的自己,虽说有点累,但感到特别充实,许久没有过这种踏实和平静的感觉。我喜欢并珍惜作为女程序员的日子。这一切,都要感谢PHP中文网以及PHP中文网的每一位老师。</p>
<img src="6.jpg" width="200" align="right" vspace="20" hspace="20"/>
<h3>  <div style="color: red">3. 梦想开花</div></h3>
<p>  我庆幸在最美的年华、最渴望改变的时候遇到了PHP中文网,庆幸遇上了PHP中文网的老师,因为你们的专业和专注,才成就了我向往的IT梦,才让我在青春的路上开满了理想的花。在此真心感谢PHP中文网的每一位老师,纵然时光荏苒,师恩永远铭记在心。</p>
</body>
</html>

는 다음과 같습니다.

微信图片_20180314135747.png

다음 섹션
<?php echo "杂文网布局小案例";
코스웨어