Scribd
Upload
60 views2 pages

IGCSE ICT Website Authoring Handouts

The document provides handouts on HTML and CSS, summarizing common HTML tags and their functions for web page structure, as well as basic CSS syntax for styling. It includes descriptions of essential HTML elements like <html>, <head>, <body>, and various CSS properties such as color, font size, and margin. These resources serve as references for building web pages according to the IGCSE ICT syllabus.

Uploaded by

Andy Fre
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
60 views2 pages

IGCSE ICT Website Authoring Handouts

The document provides handouts on HTML and CSS, summarizing common HTML tags and their functions for web page structure, as well as basic CSS syntax for styling. It includes descriptions of essential HTML elements like <html>, <head>, <body>, and various CSS properties such as color, font size, and margin. These resources serve as references for building web pages according to the IGCSE ICT syllabus.

Uploaded by

Andy Fre
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

Resources and Handouts

HTML Tag Guide Handout


This handout provides a summary of common HTML tags and their uses, helping you create
the structure of a web page as per the IGCSE ICT syllabus. Use this as a reference while
building your web pages.

Common HTML Tags:

Tag Description
<html> Defines the root of an HTML document.
<head> Contains meta information about the
document (e.g., title, meta tags, linked
stylesheets).
<body> Defines the document's body; all visible
content is placed here.
<title> Sets the title of the webpage, shown on the
browser tab.
<h1> to <h6> Defines headings; <h1> is the largest and
<h6> is the smallest.
<p> Defines a paragraph.
<a> Defines a hyperlink to another page or
section within the page. Requires an 'href'
attribute.
<img> Embeds an image; 'src' attribute specifies
the image URL.
<ul> Creates an unordered (bulleted) list.
<ol> Creates an ordered (numbered) list.
<li> Defines a list item within <ul> or <ol>.
<div> Defines a section or division in the
document, often used with CSS for styling.
<table> Defines a table structure.
<tr> Defines a table row within a table.
<th> Defines a header cell within a table,
typically bold and centered.
<td> Defines a standard cell within a table row.
Additional Attributes:
- `id`: Assigns a unique identifier to an element.
- `class`: Used to apply CSS styles to one or more elements.
- `src`: Specifies the source file for media elements (e.g., images).
- `href`: Specifies the URL for links.
- `alt`: Provides alternative text for images.
- `title`: Displays additional information on hover.
CSS Style Guide Handout
This handout introduces basic CSS syntax to style the presentation layer of a web page,
following the IGCSE ICT syllabus. Use CSS to define colors, fonts, alignment, and layout
styles for a more visually engaging page.

Basic CSS Syntax: selector { property: value; }

Example: body { background-color: #f0f0f0; }

CSS Properties and Examples:

CSS Property Description and Example


Color Sets text color.
Example: color: blue;
Font Size Defines the size of text.
Example: font-size: 16px;
Background Color Sets background color for elements.
Example: background-color: #ffffff;
Padding Adds space inside the border of an element.
Example: padding: 10px;
Margin Adds space outside the border of an
element.
Example: margin: 15px;
Border Sets the border style, color, and thickness.
Example: border: 1px solid black;

Additional Notes on Stylesheets:


- Use `class` selectors to style groups of elements.
- Use `id` selectors to apply unique styles to specific elements.
- Save CSS in an external file (e.g., 'styles.css') to apply consistent styling across multiple
pages.

You might also like