Description

Type

Course
Location

At 3 venues

Duration

2 Days
Start date

Different dates available

This HTML and CSS training course will give you an introduction to Hypertext Markup Language (HTML) - the language of the world wide web. You will learn how to write your own web pages and to style them using Cascading Stylesheets (CSS).

Facilities

London

See map

164-180 Union Street, Waterloo, SE1 0LH

Start date

Different dates availableEnrolment now open

Manchester (Cheshire)

See map

Start date

Different dates availableEnrolment now open

Sheffield (South Yorkshire)

See map

257 Ecclesall Road, S11 8NX

Start date

Different dates availableEnrolment now open

Start date

Different dates availableEnrolment now open

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

All
Students
Centre

Fill in your details to get a reply

We will only publish your name and question

Reviews

5.0

100%

4.7

excellent

Course rating

Recommended

Centre rating

Former Student

5.0

18/06/2015

What I would highlight: Great course for building a good understanding of how HTML and CSS files work. I was the only delegate so I can't really comment on networking opportunities.

What could be improved: .

Would you recommend this course?: Yes

*All reviews collected by Emagister & iAgora have been verified

Subjects

HTML
Image
Web
HTML5
CSS
Internet
Graphics
Graphic web design
Design
Design Methodology

Course programme

Introducing HTML

What is HTML?
HTML files
HTML and the internet
Uniform Resource Locators (URLs)
Default pages
HTML and browsers
Common browsers
HTML versions

HTML page structure

HTML page structure
The document type declaration
Document type settings
HTML 4.01 versions
New DTD in HTML5
Validating your HTML
The header section
The contents of the page
Writing an HTML page
What is an element?
The html, head and body elements
Contents of the head element
The title element
Contents of the body element
More on Headings
The p element - paragraphs
Spaces and tabs in text
Emphasising text within paragraphs
Adding a strong emphasis
b and i elements
Line Breaks
Adding comments to HTML
Special characters in HTML

Adding links, images and multimedia

Embedding images
img element attributes
Image formats
Image height and width
Specifying image height and width
Creating links
Opening a link in a new window
Absolute vs relative paths
Relative paths
The base element
Linking to a particular part of a page
What links look like
Using an image as a hyperlink
Embedding other multimedia

Image maps

Image maps
Creating image maps
The map element
The area sub-elements
The shape attribute
The coords attribute
Map element in a separate file

HTML logical elements

Addresses
Abbreviations and acronyms
Defining terms and phrases
Quotations
Insertions and deletions
The Meta element (Meta tags)
Setting the content type
Specifying the character set
New charset attribute in HTML5

Styling your HTML

Styling your HTML
What is CSS?
Internal style sheets
Specifying styles in a separate file
CSS rules
CSS rules for multiple elements
Declaring Styles Inline
Background colour
Colours
3 digit hex values
Functional notation
Functional notation using percentages
Colour names
Background images
Formatting text: colour
Formatting text: alignment
Formatting text: decoration
Formatting text: Indentation
Formatting text: Text transformation
Fonts
Generic font families
Font style and weight
Font size
Deprecated tags and attributes

More CSS

Reference by ID
Reference by class
Being even more specific
Pseudo-classes
Block and inline elements
The CSS display property
div and span
New in HTML5: section and article

Lists

Lists
Ordered lists
Declaring an ordered list
Unordered lists
Declaring an unordered list
Definition lists
Declaring a definition list
Displaying lists
Formatting lists

The box model

The box model
Borders
Border styles
Border width and colour
Shorthand border definition
Setting individual borders
Padding
Padding individual sides of an element
Margins
Setting individual margins
Using margins to centre a block element
Height and width
The full size of the element
The full size of the element Ð IE bug
Visibility
Positioning
Static positioning
Fixed positioning
Relative positioning
Absolute positioning
The z-index property
Float

HTML Tables

Data vs layout tables
Example: Using a table to display data
Example: Using a table for layout
Defining a table
Add a caption and summary to tables
Column widths
colspan and rowspan
Formatting table data

Advanced topics: HTML Forms

What are HTML forms?
HTML form example
The input element
New input type values in HTML5
New input attribute in HTML5: autocomplete
New input attribute in HTML5: required
New input attribute in HTML5: placeholder
Password fields
Text areas
A textareaÕs wrap attribute
Radio buttons
Checkboxes
Hidden fields
Uploading files
Submit buttons
Reset buttons
Labelling form elements
A formÕs action
Form submission methods

XHTML

XHTML
XHTML: differences from HTML 4.01
XHTML DOCTYPE declaration
Changes to document prologue

Next steps

Using JavaScript for form validation
Web Development Frameworks
Common web development frameworks

See related categories

Contact us

Introduction to HTML and CSS

Questions & Answers

Reviews

Reviews on other courses at this centre

Subjects

Course programme

Add similar courses
and compare them to help you choose.

Introduction to HTML and CSS

Questions & Answers

Reviews

Reviews on other courses at this centre

Subjects

Course programme

Add similar coursesand compare them to help you choose.

Add similar courses
and compare them to help you choose.