Introduction – HTML & CSS

What is HTML?

The full form of HTML is HyperText Markup Language. It is the standard markup language used to create webpages. A markup language is a system of annotating a document in such a way that is syntactically identifiable in the text. Web browsers read HTML files and construct them into web pages. They use these HTML files to interpret the content of the web pages, but do not display the HTML elements.

HTML elements consist of tags enclosed in angle brackets(<html>). Mostly, these tags are written in pairs(<html></html>. The first one being the start tag and the second one being the end tag.

Web browsers also refer to Cascading Style Sheeta to define the layout of the web page material. The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, encourages the use of CSS over explicit presentational HTML.[2]

The following example consists of most basic HTML elements.

<!DOCTYPE html>
<html>
  <head>
    <title>Red</title>
  </head>
  <body>
    <p>That's my favorite color!</p>
  </body>
</html>

(The text between <html> and </html> describes the web page, and the text between <body> and </body> is the visible page content. The markup text “<title>Red</title>” defines the browser page title.)

The Document Type Declaration <!DOCTYPE html> is for HTML5

What is CSS?

Cascading Style Sheets (CSS) is a modern style sheet language and is used to style documents written in markup languages like HTML, XHTML, SVG and XUL. CSS enables the separation of document content from document style and presentation including elements like layout, size, colors, fonts, etc.

Excited to learn HTML & CSS?

Codecademy (www.codecademy.com) is one of the easiest platforms to learn HTML & CSS. In case you get stuck anywhere, follow my upcoming blogs for solutions or leave a comment/message. Good luck!

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s