IPND Projects
Course 1: Make Your Web Page
 Lesson 1: The Basics of the Web and HTML

What is a Web Page

A web page is a text document written in a language called HTML. Web browsers read these documents, and then interpret and display them.

The Basic of Web

The Web - Collection of HTML documents and hyperlinks

HTML - The main document type of the web and is made up of the following:
  • Text content - what you see in the page
  • Markup like Tags and Attributes
  • Reference to other documents e.g. images and videos
  • Link to other pages

URL's - How you refer documents on the web.

HTTP - Main communication protocol that unites the web.

Web Applications - Program language that run on the web browser.

How Coding Works

Coding happens when programmers write text in a language that a computer can understand. The computer can then follow the instructions the programmer wrote.

Basic HTML Vocabulary

Tag - A HTML tag is always contained within angled brackets. Most tags have an opening tag and a closing tag.

Element - An HTML element refers to everything within a set of opening and closing tags.

Attribute - This is a property of an HTML element.

 Lesson 2: Creating a Structured Document with HTML

Developer Tools

A set of web authoring and debugging tools built into the browser. It provides web developers deep access into the internals of the browser and their web application.

Tree Structure of HTML

It is similar to the tree structure that start at the root and branches and then to the leaves. So an HTML elements can have other elements inside of them.
  • Div's and Span's - These are the two 'container' elements that can be used to build the structure of a web page.

Everything on the Web is Boxes

The easiest way to analyse a web page is draw boxes on it. It helps to identify the structure of each HTML elements.

Text Editors for Programmers

Special text editors that helps programmer to write code easier. It automatically generate a closing HTML tag when you write an opening tag. (like Sublime Text for example)

 Lesson 3: Adding CSS Style to HTML Structure


Describe the look and formatting of a HTML elements. It helps to avoid repetition when programming.


Posted Comments
Stumbled upon something funny on the Internet. <a href="https://www.moreuk.com/electricians/electrical_services/london_north_west">click here</a> I guess you will like it too!
<a href="https://www.divnogorskiy-zavod-polimernyh-izdeliy.ru/"> запорная арматура купить</a>
cialis 20 mg price walgreens <a href="https://edtadalafilhot.net/">cialis ad</a> how long before sex should you take cialis
cialis over the counter at walmart <a href="https://edcialistop.net/">cialis in canada</a> cialis cost per pill
<a href="https://canlipornolar.com/">homepage</a>
<a href="https://canlipornolar.com/">canlipornolar.com</a>
Scientists have found a new method of fighting antibiotic-resistant bacteria cialis active ingredient <a href="https://edtadalafilhot.net/">sildenafil vs cialis</a> when does cialis go generic Stress often causes bacteria to form biofilms. Stress can manifest as a physical barrier, ultraviolet l
Sedentary lifestyle claims more than 4 million direct victims each year which is better viagra or cialis <a href="https://edcialistop.net/">generic tadalafil 20mg</a> alcohol and cialis According to a recent study, lack of physical activity is the main risk factor for premature mortality for
<a href="https://onexbet.space/vhod-1xbet/">https://onexbet.space/</a>
<a href="https://mdindia.org/">Free Adult Porn HD Tube</a>