First Step in Web Dev

To accomplish anything , we need to show up for the first step itself . There onwards things will fall in place one such thing in becoming a developer is learning the first ever language (i.e HTML) .

HTML5

Have you ever wondered , how the text we are seeing is being written on webpage.That is with help of HTML .First thing we have to learn is DOM(Document Object Model).

What is HTML?

  • HTML stands for Hyper Text Markup Language

  • HTML is the standard markup language for creating Web pages

  • HTML describes the structure of a Web page

  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a link", etc.

    Hyper Test Markup Language

    Have you ever wondered , how the text we are seeing is being written on webpage.That is with help of HTML .First thing we have to learn is DOM(Document Object Model).

    DOM

    The HTML DOM is an Object Model for HTML. It defines:

HTML elements as objects
Properties for all HTML elements
Methods for all HTML elements
Events for all HTML elements

Flow chart for DOM:

DOM Structure

Basic HTML page goes like this:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

CSS3

CSS stands for Cascading Style Sheets

CSS describes how HTML elements are to be displayed To link CSS file to HTML file, we need to use link tag

   <link rel="stylesheet" href="filename.css">

other wise we can write styling in HTML page itself

    <style>
           p {
                /* property : value*/
                font-size: 32px;
                color: red;
                text-align: center;
            }
    </style>

p is paragraph tag . font-size,color,text-align are properties applied to p tag content.

My First Step in web dev

As every body would do , I started to learn HTML5 , Though I know HTML before this time I learnt how to use HTML to build some static web sites. Learning through application is one of the best way to master anything. In the beginning I used to google for every HTML tag later on i could complete my web site in less time.I followed same steps for CSS also.
CSS alone is an ocean to learn, these kind of concepts should be learnt on the go. At least for Web Dev Google is best friend. and there are many other sources to learn .some of them are