How to start learning Html

Learning a new skill is often intimidating at first-BUT knowing where to start,what to do…is little bit difficult.So we will start here….

As we know that various sites are there for learning HTML…Like: W3schools,codeacademy.com,Html5 Tutorial and many more.

TAKE THE JUMP

This is the most crucial part of any learning process – once you’ve made the decision to broaden your horizons by learning a new skill you’re over the first hurdle! Perhaps you’re a designer and looking to move beyond pen, paper and Photoshop, maybe you’ve previously had nothing to do with the web, it doesn’t matter. Now you want to build web pages and with the help of the resources listed below you’ll crack HTML in no time.

To begin with we’ll talk very literally about the basics of HTML, after which we’ll look at resources and assignments to keep the ball rolling.

START WITH BASICS

First we know that HTML Is HyperText Markup Language.Hypertext means “text with links in it”. Any time you click on a word that brings you to a new webpage, you’ve clicked on hypertext!.

A markup language is a programming language used to make text do more than just sit on a page: it can turn text into images, links, tables, lists, and much more.

HTML is the publishing language of the World Wide Web.

HTML is basically understanding how tags and nesting work.

  1. Things inside s are called tags
  2. Tags nearly always come in pairs: an opening tag and a closing tag.
  3. Example of opening tag: html>
  4. Example of closing tag:

There are always two parts to an HTML file: the head and the body.

We can write code like this:







write anything



Basically HTML is like sets and subsets. After head there is body also which can be written as :

write anything

write anything

write anything

Here this

is Paragraph tag.

NOW,Here inside body tag we can add heading tag

.This tag will give heading to our paragraphs.






Headings & Paragraphs




My web page

hello hws u?

i m fyn.

Headings are defined with the

to

tags in HTML.

USE OF TAGS

There are various tags in html for various purposes like:

  1. for bold text use:
  2. for strong text use:
  3. for italic text use:
  4. for emphasied text use:

HTML contains different tags for different purpose.

Suppose if we want to insert any image then we can write code like this:





Spectacular Mountain

Here tag is used for defining images.

FOR CREATING TABLES

As we know with the help of html we can create web pages.

For tcreating tables we can write:

Tables are defined with the

tag.

Tables are divided into table rows with the

tag.

Table rows are divided into table data with the

tag.

A table row can also be divided into table headings with the

tag.

And we can write code:

table style="width:100%">
tr>
th>Firstname/th>
th>Lastname/th>
th>Points/th>
/tr>
tr>
td>priyanshi/td>
td>alisha/td>
td>94/td>
/tr>
/table>.

CREATING LISTS

Similarly like tables we can create lists also like:

ul style="list-style-type:circle">
li>Coffee/li>
li>Tea/li>
li>Milk/li>
/ul>

here

  • defines list item and
      defines unordered list.

      for creating ordered list all things will be same except

        .In place of this we will write
        .

        CONCLUSION

        ALL the elements like HTML CLASSES,LAYOUTS,BLOCKS ETC can be made by using different tags.

        HTML  IS QUITE EASY…THE THING WE JUST NEED IS PASSION FOR LEARNING AND CONCENTRATION.

        Leave a Reply