A simple web page using the basic HTML tags and CSS properties.

Basics of HTML

1. Definition of HTML -

HTML is a markup language that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way. The enclosing tags can make a word or image hyperlink to somewhere else, can italicize words, can make the font bigger or smaller, and so on.

2. Structure of HTML -

HTML is structured using HTML tags, which are enclosed in angle brackets. The most common HTML tags include <h1>, <h2>, <h3>, <p>, <ul>, <ol>, <li>, <a>, <img>, etc. Each tag is used for different operation.

Eg- Button Tag

Click Me

3. Parts of HTML elements -

Basics of CSS

1. Definition of CSS -

Like HTML, CSS is not a programming language. It's not a markup language either. CSS is a style sheet language. CSS is what you use to selectively style HTML elements.

2. Syntax of CSS -

CSS is written in a separate file called a stylesheet. The stylesheet contains CSS rules that tell the browser how to render the HTML elements. CSS rules have the following syntax: selector { property: value; }.

3. CSS Properties -

CSS properties are used to set the style of HTML elements. Some common CSS properties include font-size, font-family, color, background-color, padding, margin, border, and text-align.

4. Inline VS Block display -

CSS properties like display: block and display: inline set the display mode of an element. Inline elements are displayed on a single line, while block elements take up a full line of space.

Eg-