HTML Introduction

HTML is a foundation to create a web page.

No special type of softwares are needed to use HTML.

For example, it can be written in notepad, but it should be saved with .html extension.

Each html command is denoted as tag.


Features of tutorialcodeplay

  • We have lots of HTML tutorials with simple and understandable explanations.
  • We have an online html editor which can be used for practicing.
  • Our main objective is to give simple examples with detailed explanations about each tag and to make you understand them.

HTML Introduction

HTML means Hyper Text Markup Language. Current version of HTML is HTML 5 and the first version is HTML 1.0. HTML is one of the easiest coding language to learn. When creating a web page there are some sections one must know, such as HTML, CSS, Javascript.


HTML Structure

HTML Syntax


CSS style

CSS is defined as Cascading Style Sheet.

  • After HTML, we should learn CSS.
  • CSS is used to give styles for the web pages. Styles include adding colors, animations, bordering styles etc.
  • CSS can be included in a web page using three different ways, we will see those in detail in CSS chapter.
  • CSS styles can be added to a webpage depending on screen height, width and its orientation. So that we can add different styles for the same html element in different devices.

Example - Without CSS style

Try Yourself

The following output is created using HTML code without applying any CSS.

Output

Example - With CSS style

Try Yourself

The following output is created using HTML and CSS style. We will deeply learn about CSS in other chapters.

Output

Javascript code

Javascript in used to make web pages more interactive with users, it is used for operations such as basic client side validation, passing the values to the server and more.

Example

Try Yourself

  • In the above example, when the button is clicked an alert box appears. It is done using Javascript.
  • We will deeply learn about Javascript in other chapters.