Post by Joker on Jul 12, 2016 10:53:48 GMT
If you want space between text lines, you insert the break command, which is <br>.
Used once, the break function lets the text continue on the next line, while used twice, it skips an entire line before continuing.
Let's use the beginning of a fairy tale as our next example.
"Once upon the time, there lived a king and queen in an old castle. They had a <br> daughter named Ruth, who was the most beautiful girl in the country. But one day when Ruth was out in the forest playing, something <br><br> strange happened. A bird started to talk with a human voice."
Now, open a new widget, HTML box, preferably with a container frame, name it "The break command" and insert the fairy tale, then click on "save" and check in the view mode.
Next, we return to Lesson 5, whose final code string should look like this:
Insert text here
<!DOCTYPE html>
<style>
p {font-size: 1.400em;}
h1 {font-size: 1.800em;}
</style>
<font color="red">
<font face="comic sans ms">
<p class="normal">
Insert text here
</p class="normal">
</font face="comic sans ms">
</font color="red">
<font color="green">
<font face="impact">
<h1 class="normal">
Insert text here
</h1 class="normal">
</font face="impact">
</font color="green">
We want the three versions of the text to be one line apart, so we insert two times <br> between them (marked in red below).
Insert text here
<br><br>
<!DOCTYPE html>
<style>
p {font-size: 1.400em;}
h1 {font-size: 1.800em;}
</style>
<font color="red">
<font face="comic sans ms">
<p class="normal">
Insert text here
</p class="normal">
</font face="comic sans ms">
</font color="red">
<br><br>
<font color="green">
<font face="impact">
<h1 class="normal">
Insert text here
</h1 class="normal">
</font face="impact">
</font color="green">
Now, return to the "break" widget, type <br> twice after the fairy tale, copy the modified string above, insert it immedialtely after the last <br> and save your changes. Check in the view mode and verify by comparing to my version. Good luck!
Used once, the break function lets the text continue on the next line, while used twice, it skips an entire line before continuing.
Let's use the beginning of a fairy tale as our next example.
"Once upon the time, there lived a king and queen in an old castle. They had a <br> daughter named Ruth, who was the most beautiful girl in the country. But one day when Ruth was out in the forest playing, something <br><br> strange happened. A bird started to talk with a human voice."
Now, open a new widget, HTML box, preferably with a container frame, name it "The break command" and insert the fairy tale, then click on "save" and check in the view mode.
Next, we return to Lesson 5, whose final code string should look like this:
Insert text here
<!DOCTYPE html>
<style>
p {font-size: 1.400em;}
h1 {font-size: 1.800em;}
</style>
<font color="red">
<font face="comic sans ms">
<p class="normal">
Insert text here
</p class="normal">
</font face="comic sans ms">
</font color="red">
<font color="green">
<font face="impact">
<h1 class="normal">
Insert text here
</h1 class="normal">
</font face="impact">
</font color="green">
We want the three versions of the text to be one line apart, so we insert two times <br> between them (marked in red below).
Insert text here
<br><br>
<!DOCTYPE html>
<style>
p {font-size: 1.400em;}
h1 {font-size: 1.800em;}
</style>
<font color="red">
<font face="comic sans ms">
<p class="normal">
Insert text here
</p class="normal">
</font face="comic sans ms">
</font color="red">
<br><br>
<font color="green">
<font face="impact">
<h1 class="normal">
Insert text here
</h1 class="normal">
</font face="impact">
</font color="green">
Now, return to the "break" widget, type <br> twice after the fairy tale, copy the modified string above, insert it immedialtely after the last <br> and save your changes. Check in the view mode and verify by comparing to my version. Good luck!