APCO 1P00 - Week 8 Lecture Slides

APCO 1P00 Week 8 - 1 Week 8 HTML Using JES to create web pages and using JES to interact with the Internet 2 HTML Tags Tags and more Tags 3 Tags

Info iconThis preview shows pages 1–12. Sign up to view the full content.

View Full Document Right Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
This is the end of the preview. Sign up to access the rest of the document.

Unformatted text preview: 1 Week 8 HTML, Using JES to create web pages, and using JES to interact with the Internet 2 HTML Tags, Tags, and more Tags! 3 Tags • HTML (Hypertext Markup Language), is essentially a large collection of “tags” to format text. • Tags are always enclosed within angle brackets < > • MOST tags have an opening version < >, and a closing version </ >. • A few tags open and close within a single tag however. • Many tags have optional components you can include. 4 The basic starting tags for the page An entire HTML document is enclosed in: <html> ….. </html> The document is divided in to the heading area, and the body area. <head> ….. </head> <body> ….. </body> 5 <html> <head> : : </head> <body> : : : : </body> </html> In the head section, there is typically a title tag, often some page styling script, and sometimes some interactive script (usually JavaScript, etc.) In the body section, all the information that you wish to present on your web page, is contained; along with any formatting required. 6 The head section • This section tends to hold other non-HTML code for your web page. • Scripting languages (like JavaScript) can be used in this section to add some interactivity to the page. We will look at a few small examples of JavaScript next week. • A lot of specialized page formatting can also be done in the head section with something called CSS (Cascading Style Sheets). This is a topic for APCO 2P89. 7 • The only two tags from the head section that we will look at in this course are: <title> …… </title> and <script> …… </script> • The title tag is used to give your web page a title up at the top of the browser. • The script tag we will look at next week. 8 <html> <head> <title> Mike’s Homepage </title> </head> <body> : : </body> </html> You can see in this example, how the first few tags appear on the web page. 9 The body section • This section is where we will focus today. • The body section is where all the text to be formatted by your web browser appears. • We have tags to format specific portions of text, we have tags to create lists and tables, we have text to display images, we have text to create links to other web sites, and much, much, more! 10 A few notes about tags first! • Most tags MUST be closed with their corresponding closing tag. • Tags must be closed in the proper order (the opposite order that they were opened). • Tags should be lowercase. • Many tags have optional components. Many of these have been deprecated and replaced with their CSS versions. APCO 2P89 deals with CSS. 11 Spacing in an HTML document • Unlike python, HTML has no issues with spacing. In fact, HTML pretty much ignores spacing altogether!...
View Full Document

This note was uploaded on 03/30/2008 for the course APCO 1P00 taught by Professor Radue during the Spring '08 term at Brock University, Canada.

Page1 / 41

APCO 1P00 Week 8 - 1 Week 8 HTML Using JES to create web pages and using JES to interact with the Internet 2 HTML Tags Tags and more Tags 3 Tags

This preview shows document pages 1 - 12. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online