• Diamond Computing Inc.

Design a page from scratch

Today, Mr. Diamond is teaching you how to "tell" a fable in HTML in the WEB lecture hall.


First of all, define the need to make a what kind of web page, a simple page, there is a paragraph of text, the page needs the title, after good design, there is a clear idea.



1) Edit the material you need. A fable is as follows:

The mantis was starved to death

A mantis wanders around the jungle on Prince Edward Island, scaring insects out of their lives with a machete. It likes to eat the cicadas on the trees very much.


One day, it heard someone tell a story under the tree, the name of the story is called "mantis catching cicada" : there is a mantis in catching cicada, there is a clever yellow sparrow following its back page... Hearing the story, mantis was scared out of a cold sweat thinking that he might become the mouthpiece of the yellow sparrow. So it did not dare to catch the delicious cicada.



Mantis looks for earthworms in the grass. One day when it found an earthworm, suddenly came a big rooster to it. Fortunately, it reacted quickly flapping wings to escape, did not in the cock's sharp mouth under the death. After this narrow escape, he never dared to eat earthworms again.



Mantis came to the balding Mountains. There were some large and small caves in the barren mountain. When it got into one of them, it wondered how it could find food. Then he found some soft-shelled eggs in the cave and thought they must be a very beautiful meal. But just as he was about to bite open a soft egg, two green eyes appeared at the mouth of the hole. Mantis quickly hid in a hidden corner, closed its breath and peered there. It was a venomous snake with a long tongue sticking out, looking very ferocious. When the snake left the hole, mantis was paralyzed with fear. After a long rest, he scrambled out of the hole, scrambling all over the place.



Mantis could not go anywhere to find food to satisfy its hunger. Within a few days, it starved to death beside a ditch.




2) Give the page a title. According to the fable, the title is "The mantis was starved to death".


3) Write HTML code.

The title of the page is:

<title>The mantis was starved to death</title>

Then, the main content of the web page is the fable, which should be in <body> Tags.

<body>

One day, it heard someone tell a story under the tree, the name of the story is called "mantis catching cicada" : there is a mantis in catching cicada, there is a clever yellow sparrow following its back page... Hearing the story, mantis was scared out of a cold sweat thinking that he might become the mouthpiece of the yellow sparrow. So it did not dare to catch the delicious cicada.<br>

...<br>

Mantis came to the balding Mountains. There were some large and small caves in the barren mountain. When it got into one of them,...<br>

Mantis could not go anywhere to find food to satisfy its hunger. Within a few days, it starved to death beside a ditch.<br>

</body>


The <br> tag appears in the text, and what it does is it makes the text start on a new line, a newline.


4) Complete HTML code, need to add sample code, the necessary structural tags, combined together the complete code is as follows:

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>Starving mantis</title>

</head>

<body>In the jungle of Prince Edward Island, a praying mantis wields a machete all day long, making little insects run for their lives in terror. It loves to eat cicadas on the trees very much. Cicadas are very nervous every day. <br>

One day it heard someone tell a story under the tree, the name of the story is called "mantis catching cicada" : there is a mantis in catching cicada, there is a clever yellow sparrow with the page after the mantis..., When the mantis heard this story, he was frightened out of a cold sweat, thinking that he might become a good meal in the mouth of the yellow sparrow. So it did not dare to catch the cicada.<br>

The mantis went to the grass to look for worms. One day mantis found an earthworm, in preparation to eat earthworms, but came to a big cock also want to eat earthworms. Fortunately, it reacted quickly and fluttered its wings to escape, so that it did not die under the cock's beak. After this narrow escape, it no longer dared to eat earthworms.<br>

Mantis came to the barren hills. On the barren hills there were caves of all sizes, and it went into a cave and sighed. Then he found some soft-shelled eggs in the cave, and thought it must be a wonderful meal. But it was about to bite open a soft egg, but saw two green eyes appear in the hole. The mantis quickly hid itself in a hidden corner and peered there, holding its breath. It was a poisonous snake that came in, with its long tongue sticking out, looking very ferocious. When the snake finally left the hole, the praying mantis was paralyzed with fear. After a long rest, he crawled out of the hole in a panic and scurried all over the place.<br>

Mantis dared not go anywhere, looking for food to satisfy his hunger, and starved to death in a few days at the edge of a ditch.

</body> </html>