1 / 19

S kills : create simple Web pages

Introducing HTML. S kills : create simple Web pages Concepts : hypertext, markup , HTML tag, appearance vs. content, text editor, HTML page structure. This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License. . Where does this topic fit?.

maris
Download Presentation

S kills : create simple Web pages

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introducing HTML Skills: create simple Web pages Concepts: hypertext, markup, HTML tag, appearance vs. content, text editor, HTML page structure This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

  2. Where does this topic fit? • Internet concepts • Applications • Technology • Implications • Internet skills • Application development (web) • Content creation • User skills

  3. HTML hypertextmarkup language

  4. Hypertext Hypertext: Linear text: Table of contents Chapter 1 1 Chapter 2 10 Chapter 3 20 . . .

  5. Markup – adding tags to control appearance This word is bold. This <b>word</b> is bold.

  6. Examples of HTML tags What do you suppose the command to bre ak a line (like I just did) is?

  7. Examples of HTML tags

  8. HTML tags control appearance, not content

  9. HTML tags

  10. W3schools see the result on the right side make changes on the left side http://www.w3schools.com/Html/

  11. Codeacademy course on HTML and CSS

  12. Steps to create a Web page Write page content using a text editor Add tags Save page View page using a Web browser Correct any errors

  13. Text editor versus word processor This is one sentence.

  14. Which text editor? All programs > Accessories > Notepad

  15. To display the HTML source Chrome: Ctrl + U FireFox: Ctrl + U Internet Explorer: Ctrl + F3

  16. HTML page structure Structure of an HTML page <html> <head> <title>Page title goes here.</title> </head> <body> The body of the page goes here. </body> </html> Let’s create a Web page.

  17. Summary

  18. Self-study questions What happens if you accidentally leave the closing tag </b> off of a bold-face portion of text? What happens if you accidently misspell the <b> tag as <bx>? How would you make some text both bold face and italicized? What does the <hr /> tag do? What happens if you leave out the </h2> at the end of a heading? What happens if you accidentally leave the "<" off of a tag? Does it matter if tags are in upper case or lower case? We introduced several HTML tags that altered the appearance of the page in this presentation. Do you recall what they were and what each does? An HTML page has two sections, what are they and what tags are used to start and end them? What tags start and end an entire HTML page? What are some of the other tags shown at w3schools, and what are their functions? The HTML standard has been revised several times, but Web authors don’t have to go back and change all of their old pages when a new standard is published. Why not? What does have to be changed when the HTML standard is revised?

  19. Resources W3schools HTML reference and tutorial: http://www.w3schools.com/Html/ HTML & CSS for Beginners http://www.codecademy.com/tracks/htmlcss Free text editors: http://www.techsupportalert.com/best-free-text-editor.htm

More Related