Tech School

User Tools

Site Tools

Trace: • sessions • headings
en:web_design:text:paragraphs

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision 		Previous revision
en:web_design:text:paragraphs [2021/11/22 04:39]
mag [HTML Tags] 		en:web_design:text:paragraphs [2023/08/16 09:33] (current)
Line 1: Line 1:
 ====== Web Development Lesson 2 - Text ====== ====== Web Development Lesson 2 - Text ======
-===== Tools: JSFiddle =====+===== HTML Tags ===== 
 + 
 +==== Tools: JSFiddle ====
  
   * Open [[https://jsfiddle.net/|jsfiddle]] in your browser.   * Open [[https://jsfiddle.net/|jsfiddle]] in your browser.
Line 6: Line 8:
 <code>My Story <code>My Story
  
-Mi amigo Pablo tiene un mascota llamado que le gusta tener su rasgado. Cuando van al parque, le gusta perseguir una . Él rueda en la tierra así que Pablo tiene que lavarlo cuando llegan a casa.+My friend Pablo has a pet dog called Sam who likes to have his tummy scratched. When they go to the park, he likes to chase a ball. He rolls in the dirt so Pablo has to wash him when they get home.
  
-Los domingos conducen a las donde corre el césped y apostando la cola. Se cansa tanto que duerme todo el camino a casa.</code>+On Sundays they drive to the mountains where he runs around smelling the grass and wagging his tail. He gets so tired that he sleeps all the way home.</code>
   * Click 'Run' at the top left of the screen. The results will be shown at the bottom right.   * Click 'Run' at the top left of the screen. The results will be shown at the bottom right.
  
-===== HTML Tags =====+==== Paragraphs ====
  
   * Notice how the text runs continuously rather than dividing into paragraphs. The browser ignores carriage returns, tabs, double spaces and other document formatting information. We need to add these using HTML 'tags'. Write <html><p></html> before each paragraph and <html></p></html> at the end of each parragraph. Like this:   * Notice how the text runs continuously rather than dividing into paragraphs. The browser ignores carriage returns, tabs, double spaces and other document formatting information. We need to add these using HTML 'tags'. Write <html><p></html> before each paragraph and <html></p></html> at the end of each parragraph. Like this:
 <code>My Story <code>My Story
-<p>Mi amigo Pablo tiene un mascota llamado que le gusta tener su rasgado. Cuando van al parque, le gusta perseguir una . Él rueda en la tierra así que Pablo tiene que lavarlo cuando llegan a casa.</p> +<p>My friend Pablo has a pet dog called Sam who likes to have his tummy scratched. When they go to the park, he likes to chase a ball. He rolls in the dirt so Pablo has to wash him when they get home.</p> 
-<p>Los domingos conducen a las donde corre el césped y apostando la cola. Se cansa tanto que duerme todo el camino a casa.</p></code>+<p>On Sundays they drive to the mountains where he runs around smelling the grass and wagging his tail. He gets so tired that he sleeps all the way home.</p></code>
  
   * Click 'Run' again and observe the results.   * Click 'Run' again and observe the results.
en/web_design/text/paragraphs.1637584794.txt.gz · Last modified: 2023/08/16 09:33 (external edit)

Page Tools

Except where otherwise noted, content on this wiki is licensed under the following license: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki