Introduction to HTML
Table of contents
Introduction to HTML
HTML(Hyper Text Markup Language)is a code that is used to structure a web page and its content, e.g. content could be structured within a set of paragraphs, a list of bulleted points, or using image and data tables. The <article>HTML element represent a self-contained composition in a document, page, application or site, which is intended to be independently as distributable or reusable(e.g. in syndication). Example include: a forum post, a magazine or newspaper article, or a blog entry, a product card, an interactive widget or gadget, or any other independent item of content.
HTML Elements
It consists of a starting tag, content, and an end tag. And it also consists of a generalized component that the user wants to display on their HTML page.
HTML Tags
in HTML tags usually have an opening bracket and a closing bracket, and it normally consists of reserved keywords that have a unique meaning.
TYPES OF TAGS IN HTML
1.Paired Tags: This is an HTML tag known as a paired tag when the tag consists of an opening tag and a closing tag. An HTML paired tag starts with an opening tag: the tag name enclosed inside the angle brackets; for example, a paragraph opening tag is written as ‘<p>’The content follows the opening tag, which ends with an ending tag: the tag name starting with a forward slash; e.g. an ending paragraph tag is written as’</p>’. The first tag can be referred to as the Opening Tag and the second tag can be called the Closing Tag.
2.Unpaired Tags: An HTML tag is called an unpaired tag when the tag only has an opening tag and does not have a closing or a companion tag. The unpaired HTML tag does not require a closing tag; an opening tag is sufficient in this type of tag. Unpaired tags are sometime called as standalone Tags or Singular Tags since they do not require a companion tag.
3. Page: structure tags: <head>, <body> etc are part of the page structure tags. They are part of the basic HTML page and does not directly affect the formatting of text or image
HTML Editor
Atom : Atom is an open source and free code editor. It was released by GitHub in 2014.
Notepad++: Notepad++ is a free, open-source, multi-language code editor which was initially developed for Windows-based computers .it uses’ Scintilla’ as the editing component and is written in C++.
Sublime Text: It is a cross-platform with Python API. Its latest version was released on 29 January 2013.
Adobe Dreamweaver CC: Adobe Dreamweaver CC has been developed by Adobe Inc.it is a closed-source software and works well only within an Adobe ecosystem.
Visual Studio Code: Visual Studio Code was developed by Microsoft as a multi-platform and multi-language software.