{[ promptMessage ]}

Bookmark it

{[ promptMessage ]}

APCO 1P00 - Week 8 Lecture Slides

APCO 1P00 - Week 8 Lecture Slides - Week 8 HTML Using JES...

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

View Full Document Right Arrow Icon
  1 Week 8 HTML, Using JES to create web  pages, and using JES to interact  with the Internet
Image of page 1

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

View Full Document Right Arrow Icon
  2 HTML Tags, Tags, and more Tags!
Image of page 2
  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.
Image of page 3

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

View Full Document Right Arrow Icon
  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>
Image of page 4
  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.
Image of page 5

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

View Full Document Right Arrow Icon
  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.
Image of page 6
  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.
Image of page 7

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

View Full Document Right Arrow Icon
  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.
Image of page 8
  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!
Image of page 9

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

View Full Document Right Arrow Icon
  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.
Image of page 10
  11 Spacing in an HTML document Unlike python, HTML has no issues with spacing. In fact, HTML pretty much ignores spacing altogether!
Image of page 11

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

View Full Document Right Arrow Icon
Image of page 12
This is the end of the preview. Sign up to access the rest of the document.

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern