How to start learning Html

Share Button

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: </html>

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

We can write code like this:

<!Doctype html>

<html>

<head>

<title>write anything</title>

</head>

</html>

Basically HTML is like sets and subsets.

After head there is body also which can be written as :

<!Doctype html>

<html>

<head>

<title>write anything</title>

</head>

<body>

<p> write anything</p>

<p>write anything</p>

</body>

</html>

Here this <p> is Paragraph tag.

NOW,Here inside body tag we can add heading tag<h1></h1>.This tag will give heading to our paragraphs.

<!DOCTYPE html>
<html>

<head>
<title>
Headings & Paragraphs
</title>

</head>
<body>
<h1>My web page</h1>
<p>hello hws u?</p>
<p>i m fyn.</p>

</body>
</html>

Headings are defined with the <h1> to <h6> tags in HTML.

USE OF TAGS

There are various tags in html for various purposes like:

  1. for bold text use:<b></b>
  2. for strong text use:<strong></strong>
  3. for italic text use:<i></i>
  4. for emphasied text use:<emp></emp>

HTML contains different tags for different purpose.

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

<!DOCTYPE html>
<html>
<body>

<h2>Spectacular Mountain</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px;">

</body>
</html>

Here <img>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 <table> tag.

Tables are divided into table rows with the <tr> tag.

Table rows are divided into table data with the <td> tag.

A table row can also be divided into table headings with the <th> 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 <li></li> defines list item and <ul></ul> defines unordered list.

for creating ordered list all things will be same except <ul>.In place of this we will write <ol></ol>.

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.

Share Button