Category: Html 5
-
HTML5 Canvas
What is Canvas? The HTML5 canvas element can be used to draw graphics on the webpage via JavaScript. The canvas was originally introduced by Apple for the Mac OS dashboard widgets and to power graphics in the Safari web browser. Later it was adopted by the Firefox, Google Chrome and Opera. Now the canvas is…
-
HTML5 New Input Types
New Input Types in HTML5 HTML5 introduces several new <input> types like email, date, time, color, range, and so on. to improve the user experience and to make the forms more interactive. However, if a browser failed to recognize these new input types, it will treat them like a normal text box. In this section we’re going…
-
HTML Head
The HTML head Element The <head> element primarily is the container for all the head elements, which provide extra information about the document (metadata), or reference to other resources that are required for the document to display or behave correctly in a web browser. The head elements collectively describes the properties of the document such as title,…
-
HTML Layout
Creating Website Layouts Creating a website layout is the activity of positioning the various elements that make a web page in a well-structured manner and give appealing look to the website. You have seen most websites on the internet usually display their content in multiple rows and columns, formatted like a magazine or newspaper to…
-
HTML Doctypes
Understanding the HTML5 Doctype A Document Type Declaration, or DOCTYPE for short, is an instruction to the web browser about the version of markup language in which a web page is written. A DOCTYPE declaration appears at the top of a web page before all other elements. According to the HTML specification or standards, every…
-
HTML iFrame
What is iframe An iframe or inline frame is used to display external objects including other web pages within a web page. An iframe pretty much acts like a mini web browser within a web browser. Also, the content inside an iframe exists entirely independent from the surrounding elements. The basic syntax for adding an…
-
HTML Forms
What is HTML Form HTML Forms are required to collect different kinds of user inputs, such as contact details like name, email address, phone numbers, or details like credit card information, etc. Forms contain special elements called controls like inputbox, checkboxes, radio-buttons, submit buttons, etc. Users generally complete a form by modifying its controls e.g.…
-
HTML Lists
Working with HTML Lists HTML lists are used to present list of information in well formed and semantic way. There are three different types of list in HTML and each one has a specific purpose and meaning. Note: Inside a list item you can put text, images, links, line breaks, etc. You can also place an…
-
HTML Tables
Creating Tables in HTML HTML table allows you to arrange data into rows and columns. They are commonly used to display tabular data like product listings, customer’s details, financial reports, and so on. You can create a table using the <table> element. Inside the <table> element, you can use the <tr> elements to create rows, and to create columns inside a…
-
HTML Images
Inserting Images into Web Pages Images enhance visual appearance of the web pages by making them more interesting and colorful. The <img> tag is used to insert images in the HTML documents. It is an empty element and contains attributes only. The syntax of the <img> tag can be given with: <img src=”url” alt=”some_text“> The following example inserts three images on…