1 / 9

Introduction to HTML

Introduction to HTML. HTML Tag Basics. HTML. HTML – Hyper Text Mark-Up Language HTML is a set of mark-up symbols (or codes) placed in a file intended for display in a web browser. Each individual mark-up code is referred to as an element or tag. What Happens?. Open a Notepad document

gabi
Download Presentation

Introduction to HTML

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. Introduction to HTML HTML Tag Basics

  2. HTML • HTML – Hyper Text Mark-Up Language • HTML is a set of mark-up symbols (or codes) placed in a file intended for display in a web browser. • Each individual mark-up code is referred to as an element or tag

  3. What Happens? • Open a Notepad document • Type the following. <!DOCTYPE html> <html> <head> </head> <body> </body> </html> • Save as test.html to your desktop and open it in a browser. Raise your hand when you know what happens What happens in your browser window?

  4. HTML Framework <!DOCTYPE html> - Document Type Definition <html> - opening html tag <head> - opening head section tag </head> - closing head section tag <body> - opening body tag </body> - closing body tag </html> - closing html tag

  5. !DOCTYPE • The first line of all of your web pages will be the document type definition tag. • Simply stated, this lets the browser know what type HTML you will be using in your document • HTML5, which we will be using in this class, simply uses “html” for its DTD

  6. <head> Section • An HTML document is divided, much like a human, into head and body sections • The head section pertains to mostly what happens “behind the scenes” • You will label your browser tabs, link your style sheets, and a variety of other things in the head section

  7. <body> Section • The body section of an HTML document will contain that content that will actually be visible on the web page when viewed in the browser • Everything you want your user to see should be placed in the body section • The body section will include titles, paragraphs, navigation menus, images, and much, much more

  8. Other Useful Tags • Quick Reference: • <p></p> - paragraph tag, create paragraphs of text • <h1></h1> - heading 1, the largest heading • <h6><h6> - heading 6, the smallest heading • <hr> - horizontal rule, divides content with horz. Line • <br> - line break, mimics hitting enter in a Word doc • <blockquote></blockquote> - block quote, indents text for quote • <ol> </ol> - ordered list, creates numbered list • <ul></ul> - unordered list, creates bulleted list • <li></li> - list item, creates item in a list

  9. Self-Contained Tags • Self-contained tags do not require a separate closing tag • <br> • <hr> • <img> • Only a few tags are self-contained. If you are not sure, use your resources to look up the tag

More Related