What can be done with html

HTML Introduction

HTML is the standard markup language for creating Web pages.

What is HTML?

• HTML stands for Hyper Text Markup Language
• HTML is the standard markup language for creating Web pages
• HTML describes the structure of a Web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the content
• HTML elements label pieces of content such as «this is a heading», «this is a paragraph», «this is a link», etc.

A Simple HTML Document

Example

My First Heading

My first paragraph.

Example Explained

• The declaration defines that this document is an HTML5 document
• The element is the root element of an HTML page
• The element contains meta information about the HTML page
• The element specifies a title for the HTML page (which is shown in the browser’s title bar or in the page’s tab)
• The element defines the document’s body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
• The element defines a large heading
• The

  element defines a paragraph

What is an HTML Element?

An HTML element is defined by a start tag, some content, and an end tag:

The HTML element is everything from the start tag to the end tag:

Note: Some HTML elements have no content (like the
element). These elements are called empty elements. Empty elements do not have an end tag!

Web Browsers

The purpose of a web browser (Chrome, Edge, Firefox, Safari) is to read HTML documents and display them correctly.

A browser does not display the HTML tags, but uses them to determine how to display the document:

HTML Page Structure

Below is a visualization of an HTML page structure:

This is a heading

This is another paragraph.

Note: The content inside the section will be displayed in a browser. The content inside the element will be shown in the browser’s title bar or in the page’s tab.

HTML History

Since the early days of the World Wide Web, there have been many versions of HTML:

Year	Version
1989	Tim Berners-Lee invented www
1991	Tim Berners-Lee invented HTML
1993	Dave Raggett drafted HTML+
1995	HTML Working Group defined HTML 2.0
1997	W3C Recommendation: HTML 3.2
1999	W3C Recommendation: HTML 4.01
2000	W3C Recommendation: XHTML 1.0
2008	WHATWG HTML5 First Public Draft
2012	WHATWG HTML5 Living Standard
2014	W3C Recommendation: HTML5
2016	W3C Candidate Recommendation: HTML 5.1
2017	W3C Recommendation: HTML5.1 2nd Edition
2017	W3C Recommendation: HTML5.2

This tutorial follows the latest HTML5 standard.

Источник

Applications of HTML

HTML is a markup language used to create web pages and applications. When combined with JavaScript and CSS, HTML has become a milestone for web development. One useful aspect of HTML is that it can embed programs written in a scripting language like JavaScript, which is responsible for affecting the behavior and content of web pages. CSS inclusion would affect the layout and appearance of the content. The basic building blocks of any HTML page are HTML elements. You can create a structured document using structural-semantic text such as headings, paragraphs, lists, links, and other items. Browser indeed does not display the HTML tags but utilizes them to interpret the page’s content. One needs to study various tags and then understand their behavior.

Web development, programming languages, Software testing & others

Web developers use HTML for creating web documents, internet navigation, and more. In this Uses of HTML article, we shall focus on the top USes of HTML.

Top 10 Uses of HTML

Please find the below sections where HTML has been used widely and effectively. Below is the list of the top 10 Uses of HTML language.

1. Web pages development

HTML is heavily used for creating pages displayed on the world wide web. Every page contains a set of HTML tags, including hyperlinks used for connecting to other pages. Every page that we witness on the world wide web is written using a version of HTML code.

2. Web document Creation

HTML and its basic concept via tags and DOM (Document Object Model) dominate online document creation. Developers insert HTML tags before and after phrases to determine their formatting and placement on the page. A web document has three sections: title, head, and body. The head includes the information to identify the document, including the title and any other important keywords. A title can be seen on the browser’s bar, and the body section is the main portion of the website visible to the viewer. The use of HTML tags designs and creates all three segments. Every section renders specific tags, dedicatedly maintaining the loop between the head, title, and body concepts.

3. Internet navigation

This is one of the most important uses of HTML, which is revolutionary. This navigation is possible by utilizing the concept of Hypertext. It is a text which refers to other web pages or text, and when the user clicks on it, would navigate to referenced text or page.Web developers heavily use HTML to embed hyperlinks within web pages. Users can easily navigate the web pages and between websites on different servers.

4. Cutting-edge feature

HTML5, with its set of standards and API, is being used to introduce some of the latest trends in the website creation business. Like polyfill libraries, which are supported by old browsers equally well. A browser like Google Chrome is the perfect choice for implementing the latest HTML5 standards and APIs. A JavaScript library called Modernizr can detect features that let the developer dynamically load polyfill libraries as required.

5. Responsive images on web pages

Developers can set queries at the elementary level in HTML applications to utilize responsive images. With the srcset attribute of img element in HTML and combining it with picture elements, a developer can fully control how the user will render an image. Now different types of an image with size variation can be loaded using the img element. The developer can easily set rules with the picture element. We can declare the img element with the default source, and then a source can be provided for every case.

6. Client-side storage

Earlier, a user could not save the user’s browser data that would persist across sessions.The developer must build server-side infrastructure or utilize user cookies to fulfill this requirement. But with HTML5, client-side storage is feasible using localStorage and IndexDB. These two strategies have their standards and features. localStorage gives string-based hash-table storage. Its API is very simple and provides the developer with setItem, getItem, and removeItem methods. IndexDB, on the other hand, is a larger and better client-side data store. IndexDB database expands with the user’s permission.

7. Offline capabilities usage

The data can be stored in the browser, the developer can think of a strategy to make the application work when a user is disconnected.
HTML5 has its application cache mechanism, which defines how the browser manages the offline situation. Application cache, responsible for offline ability, comprises different components, including API methods that create an update and read the manifest files and events. By using certain properties in HTML5, a developer can check if the application is online or not. A developer can also specify the information in the website’s application cache manifest file, like what browser manages resources for offline use. In the manifest file, resources that are available offline can also be specified.

8. Data Entry support with HTML

Developers can use the HTML5 standard and set of APIs to support the data entry level of work. As browsers implement new HTML5 standards, developers can simply add the tags to the tag, indicating required fields, text, data format, etc. HTML5 has developed several new attributes to drive on-screen keyboards, validation, and other data-entry experiences so end-users can have better data entry.

9. Game development usage

Before the advent of HTML5, game development was an exclusive domain of Flash and Silverlight. Since browsers support new specifications for HTML5, including CSS3 and a light-fast JavaScript engine to drive a new rich experience, HTML5 can bring the reality of game development possible, which was earlier the forte of Flash and Silverlight. You do not need to implement every feature of APIs, but you can utilize the most appropriate ones while eliminating the rest.

10. Native APIs usage to enrich a website

HTML5 adds so many new abilities and tools, which were just an imagination in the past. A large set of new APIs regarding file systems, Geolocation, drag and drop, event handling, client storage, etc., are the capabilities that make usage of HTML5 easier than ever before. You can enhance the application experience by utilizing other APIs like Fullscreen, Visibility, and Media Capture. A modern web application has asynchronous nature, which can be fostered using WebSockets and Web workers like APIs.

Conclusion

HTML is more complicated with its latest elements and many APIs. Anyone who can grasp the basic concept is to a good start. Gone are the days when HTML was synonymous with using certain elements, tags, and attributes. With HTML5, a developer has a lot of potential good tools and APIs in their arsenal, which can make contemporary technologies lag. The usage of HTML is widespread and has become more sophisticated than ever. The developer can put applications of HTML concepts in real-time usage.

Recommended Articles

This has been a guide to the uses of HTML language. Here we have discussed the basic concept and top 10 uses of HTML like game development, Responsive images on web pages, web page development, etc. You may also look at the following article to learn more –

89+ Hours of HD Videos
13 Courses
3 Mock Tests & Quizzes
Verifiable Certificate of Completion
Lifetime Access
4.5

97+ Hours of HD Videos
15 Courses
12 Mock Tests & Quizzes
Verifiable Certificate of Completion
Lifetime Access
4.5

HTML & CSS Course Bundle — 33 Courses in 1 | 9 Mock Tests
125+ Hours of HD Videos
33 Courses
9 Mock Tests & Quizzes
Verifiable Certificate of Completion
Lifetime Access
4.5

Источник

What can you do with the Markup language ‘HTML’?

“HTML” stands for Hyper Text Markup Language, and it gives a clue that it is one of the markup languages from there. Markup language is a language to describe contents of documents and data in the text files.

Essential to Front-end

The front-end that describes a web page basically consists of HTML, CSS, and JavaScript. Among them, HTML is essential for creating static web pages. Static means “no movement”.

What you can do when writing HTML

Writing methods of the markup language, HTML are quite different from other programming languages. The features would be explained here.

1 Enabling to put tags

In HTML, contents to be displayed are surrounded by tags with angle brackets <>. If the pair tags are surrounding, it can be determined as writing in HTML.

2 Using tags to distinguish paragraphs and sentences

When actually displaying sentences, size, font type, and color are different. There are various HTML tags such as h1, h2 and p, so you can use them to distinguish sentences and words.

３ Specifying font size and its color

In general, the markup language CSS is often used to specify the font size and color. However, if they are already specified in the HTML description tag, they can be adjusted without specifying them in CSS.

Advantages and disadvantages of HTML

Thus, what are advantages and disadvantages of HTML? Let’s go over one by one.

Advantages of HTML

HTML is essential for creating web pages. However, unlike the programming languages, comprehension and memorization would be easy as it has few logics. If you are newly structuring web pages, this language would be beginner- friendly to get started.

Disadvantages of HTML

It is possible to create dynamic web pages by using CSS even without JavaScript, but it is not so realistic. Furthermore, the HP would be boring by just learning HTML.

Please think about the HP that you usually visit. Surely, you do not want to see such static homepages only.

Summary

HTML is an essential markup language for creating web pages. However, HTML is useful for structuring static pages, so learning the programming language, “JavaScript”must be done in order to create real dynamic pages. In addition to that, even though the markup language, CSS is necessary to fix styles, adjustments of color and size can be done with HTML alone.

Anyway, it greatly gets closer to Website structure if you learn HTML, and it is the language that is easy to learn. Please try it.

Источник