HTML Blocks and Inline Elements

Every HTML element can be categorized into either (1) Block OR (2) Inline. Block-level Elements These elements always start on a new line with full width.Examples of block level elements are: <div>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <p>, <ul>, <ol>, <dl>, <pre>, <hr />, <form>, and <address>. Inline Elements Inline element does not start

HTML Iframes

<Iframe> tag is used to define inline frame within our web page, it’s not related to the frameset tag and can define anywhere in the webpage. Syntax: <iframe src=”WEB_PAGE_URL”></iframe> Example: <html> <body> <iframe src=”iFrameEx.html”></iframe> </body> </html> <html> <body> <iframe src="iFrameEx.html"></iframe> </body> </html> Iframe – Size With the help of width and height attribute, we can

HTML Frames

With the help of HTML frames we can divide our web page into multiple sections and each section can load a separate HTML page. A collection of these frames in a webpage is known as frameset. In the frameset element we have to specifies how many columns or rows we want to plot in that

HTML Links

HTML links are used to connect one web page to another web page or specific parts of a page. These HTML links are known as hyperlinks. Syntax: <a href=’your_url’>Link Text Here</a> In hyperlink href attribute used to specifies the destination address. Example: <html> <head> <title>HTML Link</title> </head> <body> <a href=’’> Visit our website </a> </body>


There are 3 ways through which we can specify lists in HTML: 1. <ol> – Ordered list. In which we can use different kinds of numbers schemes to list the items. 2. <ul> – UnOrdered list. In which we can use bullets. 3. <dl> – Definition list. Use to arrange the items, way as they

HTML Tables

HTML <table> tag allow us to arrange data (text, images, links) in rows and columns. Inside the <table> tag <tr> tag is used to create the row, <th> table header and <td> tag is used to create the data cells. Example: <html> <head> <title>HTML Table</title> </head> <body> <table border=”1″> <tr> <th>1st Heading</th> <th>2nd Heading</th> </tr>

HTML Images

To insert image in our HTML page, we can use <img> tag. <img> tag is an empty tag and can contain only list of attributes, also it has no closing tag. Syntax to use img tag: <img src=”image_url”> Example: <html> <head> <title>Image tag example</title> </head> <body> <p>Image tag example </p> <img src=””/> </body> </html> <html><head>

HTML comments

Comments are used for documentation in any programming language. It is a good practice to add comments into your code, especially for complex document, to add note in code or to indicate sections in document. In html we can also use comment. It is a code that is ignored by any web browser and helps

Html Formatting

Like in word processor, we can format our text blod, italic, underline, etc. in HTML also. In HTML we use elements <b>, <i> and <u> for formatting output, like bold, italic and underline text. Bold Text Text that appears within <b>…</b> element, will displayed in bold: <html> <head> <title>Bold Text Example</title> </head> <body> <p>This is

Html Attributes

Attributes are used to define the additional information about HTML elements. It placed inside the element’s opening and tag. All attributes in HTML comes in two parts Name and value pairs, separated by =. Let’s take an example of title attribute: Title Attribute <html> <body> <a title="Click here to Sign-Up" href="" >Sign Up</a> </body> </html>