Categories
Html

Links in HTML

To create any links in HTML internal or external <a> element is used. Clicking on this link user goes to another page or another external url. Normal links looks like: <a href=”http://www.example.com”>Click here</a> You can parameters too: <a href=”http://www.example.com?param1=100&param2=200″>Click here</a> Note to remember that parameters are separated by (&) after each parameter value. To open […]

Categories
Html

HTML Tables

In html there are set of elements that are needed to create tables. Table can be created using <table> element.Each row of a tables are defines via <tr> element and each cell are defines via <td> element within <tr> element. So a basic structure of a table looks like: <table> <tr> <td>Cell</td> <td>Cell</td> </tr> <tr> […]

Categories
Css Css3

Knowing !important

Using !important rules can be a dangerous way to style your webpage that usually means you are forcefully doing this, but they exist for some reason. The paragraph will be colored red, even there is a ID selector that has higher priority. So, the this rule overrides all the particular property. An !important rule works […]

Categories
Css Css3

Difference between @import and link

Using both @import and link tag you can include style sheet in a webpage. But there is a difference. For performance “link” has a much better advantage. Example of @import and link: <link href=”style.css” type=”text/css” /> <style type=”text/css”> @import url(“style.css”); </style> As @import allows you to import one style sheet into another but older browsers […]

Categories
Html

HTML Lists

In html two different lists of elements are present i.e. unordered list and ordered list. Unordered lists: This lists enclosed with <ul> element and are bullet lists. <ul> <li>List 1</li> <li>List 2</li> <li>List 3</li> </ul> You can also change the type of bullet i.e. <ul type=”square”><li>…</li></ul> <ul type=”circle”><li>…</li></ul> <ul type=”disc”><li>…</li></ul> Ordered lists: These are used […]

Categories
Html

HTML Document Structure

Here you will see how the basic html document structure looks like. The page includes a doctype declaration with a html, head, title and body element. Doctype tells the browser what version oh html is using in the document.For latest version html5 it is written as <!DOCTYPE html> Read Also: HTML Forms The other elements […]

Categories
Html

HTML Forms

By using html forms we get input data from the user. For example registration form, contact us feedback etc. Html forms are enclosed between form element like below:<form></form> There are numerous form fields that can be use in forms: -Text field-Text area-Checkbox-Radio buttons-Select box-File field-Button-Image button-Submit button GET and POST:Form method can be two types […]

Categories
Css Css3

Use reset.css

Reset.CSS is used to normalize browser’s default styles that resets the styling of all HTML elements to a consistent baseline. Every browser has its own default ‘user agent’ stylesheet which use unstyled websites appear more legible. For example default links color is blue and visited links are purple color. – Some reset stylesheets is harmful […]

Categories
Html

HTML Entities

In many different language HTML language is used. So it contains different types of symbols or entities which are not english alphabet. These entities starts with ampersand character and finish with semicolor character. For e.g. &quot; Here is a list of entities examples: &quot; “ &apos; ‘ &amp; & &lt; < &gt; > &pound; £ […]

Categories
Html

Element Structure of HTML

HTML documents consists of multiple element structure which includes start tag, attribute, body element, end tag etc. Element Structure: The main tag of HTML is <html> and </html> which is start tag and end tag.The content element is written between two tags i.e. body tag.For example, <p>Hello there!</p> Few HTML elements have no body i.e. […]