CSIT128/CSIT828 HTML PDF
Document Details
Uploaded by DefeatedVerism
Singapore Institute of Management (SIM)
Joseph Tonien
Tags
Summary
This document provides an overview of HTML tags and their functions, along with basic examples. It covers topics like paragraph tags, heading tags, line breaks, horizontal lines, non-breaking spaces, character entities, block quotations, formatting text (italic, bold, highlighted, deleted, inserted), preformatted text, computer code, image tags, and link tags.
Full Transcript
CSIT128 / CSIT828 HTML Joseph Tonien HTML is a markup language for describing web documents used to mark parts of documents to indicate how they should appear on a display HTML stands for Hyper Text Markup Language HTML documents are described by HTML tags Each HTML tag des...
CSIT128 / CSIT828 HTML Joseph Tonien HTML is a markup language for describing web documents used to mark parts of documents to indicate how they should appear on a display HTML stands for Hyper Text Markup Language HTML documents are described by HTML tags Each HTML tag describes different document content The first HTML document JT Hello World! The first HTML document JT Hello World! HTML document structure A HTML document starts with and ends with JT A HTML document has a head and a body The visible part of the HTML document is between Hello World! and HTML tags tag JT Hello World! HTML tags tags are NOT case sensitive tag JT most tag goes in pair content Hello World! start tag end tag HTML documents are made up by HTML elements. The HTML element is everything from the start tag to the end tag. Heading tags Heading 1 Heading tags: , ,..., Heading 2 the most important heading Heading 3 the least important heading Heading 6 Normal text... Paragraph tag This is a paragraph Extra spaces and lines will NOT Another be displayed in paragraph paragraph yet another paragraph Line break This is a paragraph tag defines a line break Another is an empty element paragraph (i.e. it is a tag with no content), it combines the start and end yet another tags together paragraph Horizontal line This is a paragraph similarly, we have the Another horizontal line tag with no content paragraph yet another paragraph Non-breaking space This is a use for non-breaking space paragraph Another this is an example of character entities paragraph yet another paragraph Character entity Some characters are reserved in HTML. Reserved characters in HTML must be replaced with character entities. Character Entity Meaning (non-breaking space) Non-breaking space < < Is less than > > Is greater than & & Ampersand “ " Double quote ‘ ' Single quote (apostrophe) o ° Degree © © Copyright Character entity A HTML document starts with <html> and ends with </html> A HTML document starts with and ends with A HTML document starts with and ends with Block quotations normal paragraph a paragraph in blockquote another paragraph in blockquote see the difference? Formatting text italic text bold text highlighted text deleted text inserted text Formatting text HTML Small Formatting HTML Small Formatting Formatting text Some math x1n + x2n = y1n + y2n Preformatted text pre element is shown in monospace Mary it preserves the character and line spacing had a little lamb Computer code a = 0; b = 3; c = 2; sum = a + b + c; what would happen if we use … without ? If you want to include special characters such as Computer code < > & " ' within pre tags, they should be substituted by character entities so that they are not subject to special interpretation by the browser. #include <iostream> void main( ) { cout << "Hello World!" << endl; } #include void main( ) { cout
