0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<a></a><p>In the last chapter, we saw how HTML and CSS work, and at the same time we earned the confidence of the instructor, Muffin. Therefore, the boss has entrusted us with a weighty task: designing a website for a novice coder. This website will serve as a learning diary, and Muffin will track your progress.</p>
1
<a></a><p>In the last chapter, we saw how HTML and CSS work, and at the same time we earned the confidence of the instructor, Muffin. Therefore, the boss has entrusted us with a weighty task: designing a website for a novice coder. This website will serve as a learning diary, and Muffin will track your progress.</p>
2
<p>Your task for this chapter is to develop templates for the main and internal pages of the website. You will learn more about how to lay out HTML pages and the tags that are used to create the important structural blocks on these pages. At the end of the chapter, you will obtain the result that is similar to what is presented in the illustration on the right.</p>
2
<p>Your task for this chapter is to develop templates for the main and internal pages of the website. You will learn more about how to lay out HTML pages and the tags that are used to create the important structural blocks on these pages. At the end of the chapter, you will obtain the result that is similar to what is presented in the illustration on the right.</p>
3
<p>Let’s get started!</p>
3
<p>Let’s get started!</p>
4
<p>Each HTML document starts with a document type declaration or doctype. The document type is necessary to allow the browser to determine the HTML version and therefore to correctly display the page.</p>
4
<p>Each HTML document starts with a document type declaration or doctype. The document type is necessary to allow the browser to determine the HTML version and therefore to correctly display the page.</p>
5
<p>The doctype looked like the following in the old version of HTML:</p>
5
<p>The doctype looked like the following in the old version of HTML:</p>
6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><p>It is much simpler in the current version of HTML:</p>
6
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><p>It is much simpler in the current version of HTML:</p>
7
<!DOCTYPE html><p>Let’s practice assigning the correct doctype to the document.</p>
7
<!DOCTYPE html><p>Let’s practice assigning the correct doctype to the document.</p>