Introduction to HTML and CSS 2 day training course from £590.00 plus VAT
Classroom - per delegate | £695.00 plus VAT £834.00 inc VAT |
In person at one of our UK locations, max 10 delegates |
In Person one on one course | £1,190.00 plus VAT £1,428.00 inc VAT |
In person at one of our UK locations, no other delegates - click here for details |
Closed Courses | £1,900.00 plus VAT £2,280.00 inc VAT |
In person at a location of your choosing, max 10 delegates (contact us for prices over 10 delegates) - click here for details |
Remote live public course | £590.00 plus VAT £708.00 inc VAT |
Remotely accessed over the internet, max 6 delegates - click here for details |
Remote live one on one course | £790.00 plus VAT £948.00 inc VAT |
Remotely accessed over the internet, no other delegates - click here for details |
Synopsis
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).
Duration
2 daysCost
See options at top of the page
Prerequisites
There are no prerequsites for this courseDetailed course contents
Introducing HTML
- What is HTML?
- HTML files
- HTML and the internet
- 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 and images
- 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
- Linking to a particular part of a page
- What links look like
- Using an image as a hyperlink
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
- 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
- Defining a table
- Add a caption and summary to tables
- Column widths
- colspan and rowspan
- Formatting table data
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
- Radio buttons
- Checkboxes
- Hidden fields
- 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
Availability
Click on a date to book it
Can't see a suitable date?
Click here to register your interest in this course and we will keep you informed when any new dates are added.
FAQs
-
What are the course times?
-
Courses start at 9:30am start on the first day of your course. Subsequent days will usually start 30 minutes earlier but check with your instructor. The course will end by 4:30am each day.
-
-
Do I need to bring anything?
-
No, everything is provided, you only have to bring yourself.
-
-
How can I pay?
-
Once you have booked you will receive a confirmation email, and shortly after that, an invoice. For in-person public and private courses the invoice is payable within 30 days, for online courses payment is required 7 days before the start of the course. Payment can be made by bank transfer (BACS etc), cheque or card.
-
-
Is there a dress code?
-
No, there is no dress code for any of our courses.
-
-
Are refreshments provided?
-
At our in-person courses, mid-morning and mid-afternoon refreshments will be provided. Lunch is not provided but all our venues are in central locations.
-
-
What is the cancellation policy?
-
Cancellations received within 7 days of making your booking or more than 21 days before the scheduled start date will not incur any charge. For cancellations received between 7 and 21 days before the scheduled start date a 50 percent charge will apply. For cancellations received less than 7 days before the scheduled start date a 100 percent charge will apply. For online courses where you have already been sent course materials, any refund is conditional on the return of the materials at your own expense.
-