HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <ul><li>index.html</li>
1 <ul><li>index.html</li>
2 <li>style.css</li>
2 <li>style.css</li>
3 </ul><p>HTML</p>
3 </ul><p>HTML</p>
4 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;The website of a beginning coder&lt;/title&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;p class="page-title"&gt;Blog&lt;/p&gt; &lt;nav class="blog-navigation"&gt; &lt;a href="index.html"&gt;Return to home&lt;/a&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;article&gt; &lt;h1&gt;Day Two. I want to become a coder&lt;/h1&gt; &lt;p&gt;Today I spent the whole evening on the Internet. I read about the advantages of working as a coder. I often spent my free time watching cat videos, of course. But then I remembered something:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;You are helping a useful cause&lt;/li&gt; &lt;li&gt;You can work remotely&lt;/li&gt; &lt;li&gt;Interesting people&lt;/li&gt; &lt;li&gt;Good salary&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;My desire to learn has dramatically increased.&lt;/p&gt; &lt;/article&gt; &lt;aside class="partnership"&gt; Your ad could go here &lt;/aside&gt; &lt;/main&gt; &lt;footer&gt; Website footer &lt;/footer&gt; &lt;/body&gt; &lt;/html&gt;</p>
4 <p>&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;The website of a beginning coder&lt;/title&gt; &lt;link rel="stylesheet" href="style.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;header&gt; &lt;p class="page-title"&gt;Blog&lt;/p&gt; &lt;nav class="blog-navigation"&gt; &lt;a href="index.html"&gt;Return to home&lt;/a&gt; &lt;/nav&gt; &lt;/header&gt; &lt;main&gt; &lt;article&gt; &lt;h1&gt;Day Two. I want to become a coder&lt;/h1&gt; &lt;p&gt;Today I spent the whole evening on the Internet. I read about the advantages of working as a coder. I often spent my free time watching cat videos, of course. But then I remembered something:&lt;/p&gt; &lt;ul&gt; &lt;li&gt;You are helping a useful cause&lt;/li&gt; &lt;li&gt;You can work remotely&lt;/li&gt; &lt;li&gt;Interesting people&lt;/li&gt; &lt;li&gt;Good salary&lt;/li&gt; &lt;/ul&gt; &lt;p&gt;My desire to learn has dramatically increased.&lt;/p&gt; &lt;/article&gt; &lt;aside class="partnership"&gt; Your ad could go here &lt;/aside&gt; &lt;/main&gt; &lt;footer&gt; Website footer &lt;/footer&gt; &lt;/body&gt; &lt;/html&gt;</p>
5 <p>Thanks! We’ll fix everything at once!</p>
5 <p>Thanks! We’ll fix everything at once!</p>
6 <p>You’ve gone to a different page</p>
6 <p>You’ve gone to a different page</p>
7 <p>Click inside the mini-browser to shift the focus onto this window.</p>
7 <p>Click inside the mini-browser to shift the focus onto this window.</p>
8 <p>100%</p>
8 <p>100%</p>
9 <p>Set the following for the footer block:</p>
9 <p>Set the following for the footer block:</p>
10 <ol><li>text color to #aaaaaa,</li>
10 <ol><li>text color to #aaaaaa,</li>
11 <li>border-top to 1px solid #aaaaaa,</li>
11 <li>border-top to 1px solid #aaaaaa,</li>
12 <li>and padding-top to 10px.</li>
12 <li>and padding-top to 10px.</li>
13 </ol>
13 </ol>