HTML-FULL Package

HTML-FULL Package // HTML training for beginner and bloggers

The HTML-FULL package includes all the following guides on HTML language:

1. My 1st HTML Page: Hello World (download now)

This document shows you the basic code you need to create your first page in HTML language using Notepad for Windows and TextEdit for iOS. It also advises you alternative software for a more advanced usage. A must have for beginners!

2. HTML Language: 51 Tags for Beginner

This guide is a kind of memory aid for HTML syntax to support you on a daily basis.

3. Understand Colors in HTML

Colors? You can get some results without understanding how it works but why would you limit yourself when it’s actually easy to understand, convenient and can even be used in other circumstances, independent of HTML.

4. HTML Language: style.css for Beginner

Cascading Style Sheets CSS is a complicated name for an easy concept, which is a key component of the HTML language. It’s not complicated if you got some good explanations for it. Once you’ve understood it, you know what you’re doing and you’re able to find more information on the Internet.

5. Special Characters in HTML Language

Compilation of more than 300 HTML codes to display special characters and symboles in your emails and websites.

6. Create Frames in HTML Language

Thanks to frames, you give more relief to your written documents in order to emphasis some information and keep your readers’ attention. In this guide, you can find examples to copy and paste as well as explanations to create your own frames.

7. Tables in HTML Language

Create tables with nice professional design is crucial. Here, you discover templates to copy and past as well as explanations to create your own ones.

Who am I?

Author Véronique Bourcier Introduction to HTML for beginner, WordPress User

Tables of Content: HTML Language: 51 Tags for Beginner

Chapter 1 – Add Hyperlinks

  • Basic Syntax
  • Open a New Tab
  • Automatic WordPress Options
  • Add a Link to an Email Address
  • Give a Title to Hyperlinks
  • Add a Button
  • Add Anchors

Chapter 2 – Insert Images

  • Basic Syntax
  • Define the Heigh and Width of your Displayed Images
  • Add a Hyperlink on an Image
  • Remove the Color around Images having a Hyperlink
  • Add a Title and a Description to an Image

Chapter 3 – Text Formatting

  • Add Comments
  • Add a Title
  • Go to the Next Line
  • Add a Blank
  • Add a Hyperlink ‘Read More’
  • Add Quotes
  • Create a Paragraph
  • <div> and <span> Tags
  • Bold
  • Italic
  • Underline
  • Line Through
  • Overline
  • Remove any Line
  • Add a Background Color to a Text
  • Add a Shadow to the Text
  • Subscript
  • Superscript
  • Lowercase
  • Small Uppercase
  • Uppercase
  • Propercase
  • Font Size
  • Font Family
  • Left Alignment
  • Center
  • Right Alignment
  • Justify
  • Indent
  • Colors
  • Add a Line between two Paragraphs…
  • Change the Distance between Lines
  • Change the Space between Letters
  • Change the Space between Words
  • Note

Chapter 4 – Bullet Points and Numbers

  • Bullet Points
  • Numbers
  • Arabic Numbers
  • Uppercases
  • Lowercases
  • Uppercase Roman Digits
  • Lowercase Roman Digits
  • Images
    • . . . for a Specific List
    • . . . Standardising: .css + .html Files
  • Special Characters

Chapter 5 – Insert Code

  • Insert a Block
  • Insert a Few Terms in a Paragraph
  • Insert Characters which are HTML Language Specific

Table of Contents: Understand Colors in HTML

Chapter 1 – Existing Sets of Colors

  • Set of Colors used by Microsoft

Comprendre les couleurs en HTML

  • First Set of Colors used by Apple

Comprendre les couleurs en HTML

  • Second Set of Colors used by Apple

Comprendre les couleurs en HTML

Chapter 2 – Using these Sets of Colors

  • How Colors are Working?
  • Going from hexadecimal to decimal values and reversely
  • Select your Colors

Table of Contents: HTML Language: style.css for Beginner

Chapter 1 – Working with <h2>

  • Add Options in the Body of the Program
  • Add Options in the Program’s Header
  • Add Options in Another File

Chapter 2 – Working with <a href=…>

  • Add Options in the Program’s Header
  • Add Options in Another File

Chapter 3 – Working with <div>

  • Add Options in the Body of the Program
  • Add Options in the Program’s Header
  • Add Options in Another File

Chapter 4 – WordPress

  • Where can I find a style.css?
  • Modify the file style.css
  • Is there any other location where I can modify my file style.css?

Table of Contents: Special Characters in HTML Language

Chapter 1 – Characters

  • Punctuation…
  • Alphabet
  • Maths
  • Protection

Chapter 2 – Symbols

  • Arrows
  • Bullets

Chapter 3 – Smiley and Other Symbols

  • Positive
  • Relax
  • Negative
  • Yes / No
  • Family / People
  • Time
  • Weather
  • Post
  • Music / Audio
  • Hi-fi
  • Photo / Video
  • Shopping
  • Fruits
  • Mix

Table of Contents: Create Frames in HTML Language

Chapter 1 – <div> Tag

  • style= Option in <div> Tag
  • Text
  • Space Between the Text and the Border of the Frame: Padding
  • Frame Borders
  • Background Color
  • Space Outside of the Frame: Margins

Chapter 2 – Define Standard Frames

Chapter 3 – Frequently Asked Questions

Chapter 4 – Examples to Copy and Paste

Frames in HTML Language

Table of Contents: Tables in HTML Language

Chapter 1 – Create your First Table

  • Tables Basic Structure
  • Note
  • Borders Visualisation
  • Remove Gaps between Cells
  • Merge Cells
  • Text Alignement Update
  • Caption Update
  • Add Gaps within each Cell
  • A Few Additional Options
  • An Option for Blind People
  • Center the Table
  • Fix the Width of the Table
  • Fix the Cells Height

Create Tables in HTML Language - Beginner course

Chapter 2 – Variations on a Given Table

  • Rounding Frame Corners
  • Caption Below the Table
  • Add ‘two’ Extra Lines
  • Add Extra Horizontal Lines
  • Add Vertical Lines
  • Add Additional Vertical Lines
  • Break Lines
  • A Table with No Main Frame

Create Tables in HTML Language - Beginner course

Create Tables in HTML Language - Beginner course

Create Tables in HTML Language - Beginner course

Create Tables in HTML Language - Beginner course

Create Tables in HTML Language - Beginner course

Chapter 3 – A Detailed Example

  • Program Header
  • Program’s Header: Table Definition
  • Program’s Header: Caption Definition
  • Program’s Header: thead Definition
  • Program’s Header: tbody Definition
  • Program’s Header: tfoot Definition
  • Program’s Header: Hyperlinks
  • Program’s Body

Create Tables in HTML Language - Beginner course

Testimonies

HTML-FULL Package // HTML training for beginner and bloggers

HTML-FULL Package // HTML training for beginner and bloggers