If you are finding out, how to start learning to code and preparing yourself to become a programmer. Then, here is the best way to get started. Start practicing from scratch, with no idea of how you can make website.
Are you motivated to develop another Social Networking Web Application?
The best advice i would like to give is:
Be true to yourself, Start learning without even thinking much about what you are going to create in future, and rather be an expert into small things first.
Start with actions and develop a habit of practicing every day new concepts in programming.
Lets Get Started then, HTML tutorial
An HTML element usually consists of a start tag and an end tag, with the content inserted in between:
<tagname>Content goes here...</tagname>
For eg. Paragraph Tag like this:
<p>My first paragraph.</p>
Each Elements Explained in details:
<!DOCTYPE html>declaration defines this document to be HTML5
<html>element is the root element of an HTML page
<head>element contains meta information about the document
<title>element specifies a title for the document
<body>element contains the visible page content
<h1>element defines a large heading
<p>element defines a paragraph
1. HTML headings are defined with the
<h1> defines the most important heading.
<h6> defines the least important heading.
2. HTML Paragraphs
HTML paragraphs are defined with the
<p>This is a paragraph.</p><br> <p>This is another paragraph.</p>
3. HTML Links: anchor tag
Anchor Tag: HTML links are defined with the
Hypertext Reference: The link’s destination is specified in the
Attributes are used to provide additional information about HTML elements.
<a href="http://solvprog.com">This is a link</a>
4. HTML Images
For displaying images on the webpage: HTML images are defined with the
The source file (
src), alternative text (
height are provided as attributes.
5. HTML Buttons
HTML buttons are defined with the
6. HTML Lists
HTML lists are defined with the
<ul> (unordered/bullet list) or the
<ol> (ordered/numbered list) tag, followed by
<li> tags (list items).
<ul> <li>Coffee</li> <li>Milk</li> <li>Bread</li> </ul> <ol> <li>Coffee</li> <li>Milk</li> <li>Bread</li> </ol>
7. Empty HTML Elements
HTML elements with no content are called empty elements.
<br> is an empty element without a closing tag (the
<br> tag defines a line break).
<p>This is a <br> paragraph with a line break.</p>
HTML Is Not Case Sensitive
HTML tags are not case sensitive:
<P> means the same as
The HTML5 standard does not require lowercase tags, but W3C recommends lowercase in HTML, and demands lowercase for stricter document types like XHTML.
At Solvprog we always recommend to use lowercase tags.
8. HTML Attributes
- All HTML elements can have attributes
- Attributes provide additional information about an element
- It must be placed inside the start tag
- Attributes: name/value pairs like name=”value”
- The href Attribute
- The src Attribute
- The width and height Attributes
- The alt Attribute
- The HTML Style Attribute
9. HTML Text Formatting Elements
|<b>||Defines bold text|
|<em>||Defines emphasized text|
|<i>||Defines italic text|
|<small>||Defines smaller text|
|<strong>||Defines important text|
|<sub>||Defines subscripted text|
|<sup>||Defines superscripted text|
|<ins>||Defines inserted text|
|<del>||Defines deleted text|
|<mark>||Defines marked/highlighted text|
10. HTML Quotation and Citation Elements
1. HTML <q> for Short Quotations
<q> element defines a short quotation.
Browsers usually insert quotation marks around the
<p>It's great way to start: <q>learning code for yourself.</q></p>
2. HTML <blockquote> for Quotations
<blockquote> element defines a section that
is quoted from another source.
Browsers usually indent
<p>Here is a quote solvprog website:</p><br><blockquote cite="http://solvprog.com"><br> For almost a year i tried to build a brand.<br>I have been practicing my skills and sharing with you,<br> how amazing it is to become self aware about this new technology.<br>produce more content in the market to spread love.<br></blockquote>
3. HTML <abbr> for Abbreviations
<abbr> element defines an abbreviation
or an acronym.
<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
4. HTML <address> for Contact Information
<address> element defines contact information
(author/owner) of a document or an article.
<address> element is usually displayed in italic. Most browsers
will add a line break before and after the element.
<address><br>Written by Sagar Kalyan.<br> <br>Visit us at:<br><br>Solvprog.com<br><br> Karnal, Haryana (132001) <br><br>India<br></address>
5. HTML <cite> for Work Title
<cite> element defines the title of a
Browsers usually display
<cite> elements in italic.
<p><cite>How to win friends and influence people </cite> by Dale Carnegie. Written for success life journey.</p>
11. HTML Comment Tags
You can add comments to your HTML source by using the following syntax:
<!-- Write your comments here -->
12. Defining an HTML Table
An HTML table is defined with the
Each table row is defined with the
<tr> tag. A table header is defined with the
<th> tag. By default, table headings are bold and centered. A table data/cell is defined with the
<table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</th> </tr> <tr> <td>Jill</td> <td>Smith</td> <td>50</td> </tr> <tr> <td>Eve</td> <td>Jackson</td> <td>94</td> </tr> <tr> <td>John</td> <td>Doe</td> <td>80</td> </tr> </table>
HTML Elements, Block level elements in HTML:
Read about them, and practice as much as possible in your text editor. There are lot more stuffs, needs to be learned. I would recommend you to learn from W3shools.com, they have provided you tutorial step by step and it’s easy to learn.
An inline element does not start on a new line and only takes up as much width as necessary.
This is an inline <span> element inside a paragraph.
Inline elements in HTML:
There is lot more to learn and do lot of practicing while learning.
@Enjoy while coding. This is the real success. 🙂