HTML Form Controls

HTML Form Controls The following article describes different types of form controls that we can use in your form. Text Input Fields Text input field is a one line area that allow us to input text. Example: <html> <form> Username: <input type=”text” name=”txt_name”/> </form> </html> <html> <form> Username: <input type=”text” name=”txt_name”/> </form> </html> Password Input […]

HTML Forms

HTML Forms are used to collect different kinds of user inputs like name, email, phone, etc. and send them to the web server. Forms contain elements called controls, for example inputbox, radio-buttons, checkbox, dropdowns, submit buttons, etc. Front-end Users fill the form by modifying these controls, like entering text, selecting dropdown values, etc. and then […]

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=’http://www.bestonetechnologies.com’> Visit our website </a> </body> […]

HTML List

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=”http://bestonetechnologies.com/wp-content/uploads/2016/10/imgEx.jpg”/> </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 […]