https://techschool.murraygunn.id.au/wiki/ 2026-04-12T20:52:44+00:00 https://techschool.murraygunn.id.au/wiki/ https://techschool.murraygunn.id.au/wiki/lib/tpl/dokuwiki/images/favicon.ico text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:attributes&rev=1692203632&do=diff Web Development Lesson 2 - Text Attributes Objectives In this exercise you'll learn how to use HTML attributes to modify the style of specific elements. Setup Continue using jsfiddle with the same code from the previous screen. Here it is again. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:exercise&rev=1692203632&do=diff Web Development Lesson 2 - Text Exercise It's time to practise what you learnt. * Copy the following text into jsfiddle My Document This paragraph is bold This paragraph is italic This paragraph is aligned to the right This paragraph is yellow This paragraph is underlined text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:format_text&rev=1692203632&do=diff Web Development Lesson 2 - Text Formatting Text Objectives In this exercise, you'll learn some more HTML tags and how to use them to make sections of your text stand out. Setup Continue to use the jsfiddle from the previous lesson. If you need it again, here it is. text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:headings&rev=1692203632&do=diff Web Development Lesson 2 - Text Headings Objectives In this exercise you'll learn how to create a heading and some more formatting styles that make a heading pop. Setup We'll continue to use the code you've been working on in jsfiddle. My Story <p style="text-align:right"> My friend Pablo has a <em style="color:red; font-weight:700">pet dog</em> called Sam who likes to have his tummy scratched. When they go to the park, <strong>he likes to chase a <em>ball</em>.</strong> He rolls in the di… text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:html_tags&rev=1692203632&do=diff Web Development Lesson 2 - Text HTML Tags Objectives In this exercise, you'll learn about how to use HTML uses tags to format text as paragraphs. Tools: JSFiddle * jsfiddle is an online tool that's perfect for testing simple bits of code. It supports text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:javascript&rev=1692203632&do=diff Web Development Lesson 2 - Text Javascript Objectives In this exercise you'll get your first taste of Javascript and use it to create a simple game, where you get a user to change key words in your story to make it funny. Setup We'll build on the work you've done so far so if you need to, copy the code below into text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:styles&rev=1692203632&do=diff Web Development Lesson 2 - Letter Formatting Text Setup Continue to use the jsfiddle from the previous lesson. If you need it again, here it is. My Story <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>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 a… text/html 2023-08-16T09:33:52+00:00 Anonymous (anonymous@undisclosed.example.com) https://techschool.murraygunn.id.au/wiki/doku.php?id=en:web_development:text:summary&rev=1692203632&do=diff Web Development Lesson 2 - Text Summary In this lesson, we have covered the following concepts for text in web pages. HTML Tags * <h1>-<h6> * <p> * <em> * <strong> * <sup> HTML Attributes * color * font-size * font-weight * font-style * font-family * font-variant * text-align * text-decoration * text-transform * text-indent * text-shadow * line-height Javascript Concepts