Class notes
Lecture notes on HTML Multimedia (IMY 110)
- Course
- Multimedia (IMY110)
- Institution
- University Of Pretoria (UP)
The beginners guide to web design and coding: HTML.
[Show more]
Content preview
IMY 110HTML: HOW TO
INTRODUCTION TO HTML
GENERAL
● HTML stands for HyperText Markup Language
● It’s basically adding annotations to a document to tell the browser how
to interpret the various information
● Used to define the structure of a web page
CSS AND JAVASCRIPT
● CSS (Cascading Style Sheets) is the language added to an HTML page to
determine its appearance
● Javascript adds dynamism and interactivity
VERSIONS OF HTML
● There is a long history and development of HTML
DEFINITIONS
WEB PAGE: A document on the WWW written in HTML and accessed via the INternet
using a web browser
NESTING: Ensuring the proper grouping and spacing of tags/elements in HTML
,BASIC STRUCTURE OF HTML CODE
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>Heading 1</h1>
<h2>Subheading</h2>
<p>Paragraph</p>
</body>
</html>
● Anything that falls into another element should be indented once
● Don't confuse head tags with heading tags
TAGS
● Always use lowercase letters inside the tags
● Don’t forget the “/” in the closing tag
● The opening tag, information and closing tag make an element
ATTRIBUTES
● Sit inside of an HTML element to give more information about the element
● Eg <p attributename = “attribute value”>writing</p>
, CREATING AN HTML DOCUMENT
1. Open up a text editor
2. Add markup and content
3. Save with a .html file extension
4. Open in your default browser
NOTE: The home page of a website should always be named index.html as it will
open first automatically
TEXT IN HTML
HEADINGS
● There are 6 different options for headings
● The largest heading being 1 and the smallest heading being 6
● <h#>Heading</h#>
● Create a visual hierarchy of importance
● Allows for proper interpretation of a web page by a screen reader
● The size of the headings stay the same despite page size changes
PARAGRAPHS
● Contains a large body of text
● The start of a paragraph is indicated by a new line
● <p>Text</p>
BOLD AND ITALIC
● BOLD: <p>this is <b>bold</b></p>
● ITALIC: <p> this is <i>italic</i></p>
● These tags are only to change the appearance of text and not to stress
importance
SUPERSCRIPT AND SUBSCRIPT
● SUPERSCRIPT: <p>He came in 4<sup>th</sup></p>
● SUBSCRIPT: <p>CO<sub>2</sub> is a gas</p>
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through EFT, credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying this summary from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller charlottiiieeeg. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy this summary for R80,00. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
67866 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy summaries for 14 years now