HTML Basics

Introduction

HTML is a markup language for describing web documents (web pages).

  • HTML stands for Hyper Text Markup Language
  • A markup language is a set of markup tags
  • HTML documents are described by HTML tags
  • Each HTML tag describes different document content

HTML and CSS are the two most important languages for a new web developer to learn. They are also the easiest. If you’ve always wanted to build webpages, but were intimidated by the code, this course will help you learn your first two languages quickly and easily. Taking a step-by-step approach, this course will have you learning by doing, building several mini-websites from scratch.

LEARNING POINTS

HTML Foundations

Parent/Child Structure

CSS Foundations

ID Selectors

Coding and Styling

What Web Pages are Built Of

Every webpage that you see on the net is built using a language or code. There are many different programming languages that can make your website do various things, but the two most important to learn are HTML and CSS. In fact, even people who plan on allowing someone else to build their website should have a basic grasp of both languages. This way you can tweak things behind the scenes, or change some of your formatting without having to always rely on others.

TM_M1_GridBanner_v1_NoCTA

COURSE DETAIL

Section One: Getting Started:-

  1. Course Introduction
  2. Course software
  3. What is a HTML and HTML 5?
  4. Getting started with tags
  5. How to save web pages
  6. Viewing your web pages

Section 2: Basic HTML Tags:-

  1. Basic HTML template
  2. Heading Tags
  3. Paragraph and Break tags
  4. Bold and Italics
  5. HTML lists

Reference: Basic HTML Tags

Section 3: Getting started with CSS:-

  1. Introduction to CSS
  2. CSS rules
  3. Where to put your styles
  4. Using CSS selectors
  5. Inline and Embedded styles
  6. CSS and Fonts
  7. Font colours
  8. Font sizes
  9. Styling Fonts

Reference: CSS and Fonts

Section 4: Dealing with Images:-

  1. Types of Images
  2. Inserting Images part 1
  3. Inserting Images part 2
  4. Image Attributes
  5. Images and CSS
  6. Text wrapping with CSS
  7. CSS and image borders
  8. Background Images
  9. Adding captions to images

Reference: CSS in this section

Section 5: Linking to other pages :-

  1. Hyperlinks
  2. Linking to other pages
  3. Other types of hyperlinks
  4. CSS and hyperlinks
  5. External stylesheets
  6. HTML lists and nav bars

Reference: CSS in this section, HTML in this section

Section 6: CSS Layouts:-

  1. The Box Model
  2. CSS Comments
  3. CSS Positioning
  4. CSS floats
  5. A one column CSS layout
  6. Styling the one column layout
  7. Styling HTML 5 tags
  8. A two column CSS layout

Reference: CSS in this section

Reference: HTML5 layout tags

Section 7: HTML 4 and HTML 5 tables

  1. HTML 4 Tables
  2. Row and Col span
  3. Table alignment, colour, images
  4. HTML 5 Tables

Reference: HTML and HTML5 tables

Section 8: HTML forms

  1. Form Tags
  2. Textboxes, Submit, Reset
  3. Formatting Textboxes with CSS
  4. Labels, Textareas
  5. Option buttons and Checkboxes
  6. Passwords, hidden fields

Reference: HTML and HTML5 Forms

Section 9: HTML5 and Forms       

  1. HTML 5 Forms
  2. Placeholders, Required
  3. Email, URL, Search
  4. Spinners and Sliders
  5. Dates, Colour picker
  6. Data Lists
  7. HTML Form Layouts
  8. HTML 5 Video and Audio
  9. The HTML 5 Canvas tag
  10. Details, Aside, Mark

Reference: HTML5 Audio and Video

Section 10: Getting your site on the internet        

  1. Websites and Domain Names
  2. What to look for when buying Webspace
  3. Search engine optimisation
  4. Pay per click advertising
  5. Sitemaps

Section 11: HTML and CSS Reference  

  1. Basic HTML Tags
  2. CSS Font and Text Properties
  3. CSS Borders, Margins, Padding
  4. CSS used in the Lists section
  5. CSS used in the Positioning section
  6. HTML images and hyperlinks
  7. HTML5 Layout tags
  8. HTML and HTML5 Table tags
  9. HTML and HTML5 Form tags
  10. HTML5 Video and Audio tags
  11. HTML Special Characters

Our Live Work In Core PHP