Learn to Code in HTML HTML stands for Hypertext Mark-up Language and is the language used on webpages. HTML is based on elements or tags that determines how your webpage will look. <html> starts your webpage and </html> ends your webpage. It is tradition among the programming community to make your first webpage say, “Hello World!” so that is part of today’s challenge. Challenge: Your first name as the heading and is bolded Say Hello World A list of 3 things you like to do. Has 1 picture of something you like. A sentence about why you came to the APS Codes! Kickoff. Make sure this sentence is in a different color and bolded. How to get started 1. Go to Finder 2. Select Applications 3. Open Text Edit to create a new document 4. Add this code: <html> <head> APS Codes! your name </head> <body> <p> Hello World! </p> </body> </html> 5. Select ‘Format’ ‘make plain text’ 6. Select ‘File’ ‘Save’ 7. Save As: test.html Where: Desktop Plain Text Encoding: Western (Mac OS Roman) You will be asked if you want to use .html Click: Use .html 8. Open the document on the Desktop (it should open on the web) 9. Go back to your “Text Edit” document and format it to meet the challenge using the tags “Cheat Sheet” 10. Repeat steps 5-10 until you are happy with your final product. Turn over for helpful hints Learn to Code in HTML Tags Cheat Sheet: Tag Description End Tag <html> Defines the document as an HTML document </html> <head> Defines information about the document </head> <title> Defines the title of the document </title> <body> Defines the main part pf the document </body> <p> Defines a paragraph </p> <h1> to Defines headings at levels 1-6 </h1> to <h6> </h6> <strong> Defines text you want strongly emphasized -- bold </strong> <em> Defines text you want somewhat emphasized -- italics </em> <img Defines an image /> <br/> Defines a line break <hr/> Defines a horizontal line Tweet how many lines of code you wrote @APS_STEM @APS_CTAE #APSHourofCode .
Details
-
File Typepdf
-
Upload Time-
-
Content LanguagesEnglish
-
Upload UserAnonymous/Not logged-in
-
File Pages2 Page
-
File Size-