HTML+Coding++-++Outline.pdf - Marking Up with HTML 1...

This preview shows page 1 - 5 out of 15 pages.

11/13/19 1 Marking Up with HTML 1 Surfing the Web First connect to the Internet, if needed, and open your browser. Click hyperlinks or type URLs in the address bar or location bar to view Web pages. Things that you may encounter on a Web page: n text and images n e-mail hyperlinks n form fields n frames n animation n multimedia 2 HyperText Markup Language Web page Ordinary ASCII text file is marked up using HTML tags and then displayed using a browser HTML tag Predefined combinations of chars enclosed between < and > <HTML> <CODE> <TITLE> Indicate how text is to interpreted and displayed by browser 3
11/13/19 2 HTML TAGS How a web page looks when displayed depends on: 1. HTML tags used 2. Specific browser rendering page 3. User s system and monitor Tags do not define exactly how the web page is supposed to look Tags define how the element of the page are to be used HTML tags are not case-sensitive Good idea to keep consistent with case 4 HTML Tag Syntax < TAG ATTRI1 = V1 ARRTI2 = V2 >misc text</TAG> TAG – any HTML tag ATTRI – attribute V1 & V2 – values 1 and 2 respectively Number of attributes varies from tag to tag = assigns ATTRI the value Safest to always put quotes around values Ending tags same as Start Tag but with a slash Most, but not every tag has an ending tag 5 HTML Document Creation Text editor needed .html or .htm Permissions – need to be correctly set in order to view the page Two parts Head <HEAD></HEAD> Body <BODY></BODY> 6
11/13/19 3 HTML Document Creation HTML tags surround all text in HTML file <HTML></HTML> Title tags <TITLE></TITLE> No HTML formatting within the title tag Concise description of document Bookmark Search engines 7 First HTML Document <HTML> <HEAD> <TITLE>First Page in APCO 1P01</TITLE> </HEAD> <BODY> This is the first web page that we are going to view in APCO 1P01. Hopefully it works. Notice how the text appears and where the new lines are </BODY> </HTML> View how the above code is rendered by a browser. 8 Marking Up with HTML Tags describe how a web page should look Formatting with Tags: Words or abbreviations enclosed in angle brackets < > Come in pairs (beginning and end): <title></title> Tags are not case-sensitive, but the actual text between the tags is 9
11/13/19 4 Tags for Bold and Italic Bold: <b></b> Italic: <i> </i>

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture