Basics of HTML Programming

in #education6 years ago

Are you familiar with HTML or Web Programming?

Basically, HTML is the standard markup language for creating web pages and web applications. HTML stands for Hyper Text Markup Language. It describes the structure of the web pages using markup.

Markup means a standardized set of notations used to annotate a plain-text document's content to give information regarding the structure of the text or instructions for how it is to be displayed.

The HTML elements are the building blocks of HTML pages which are represented by tags and these tags are label pieces of content such as "heading", "paragraph", "table", and so on.

Explanation of the above illustration:

  • <! DOCTYPE html > declaration defines that this document is to be HTML5.
  • < html > element is the root element of an HTML page.
  • < head > element contains meta information about the document.
  • < title > element specifies a title for the document.
  • < body > element contains the visible page content - basically the UI/GUI that you can see in websites.
  • < h1 > element defines a large heading.
  • < p > element defines a paragraph.

HTML Tags


Basically, HTML tags are element names surrounded by angle brackets like:

  • HTML tags normally come in pairs like using < p > and < /p >. The first tag in a pair is the starting tag, the second tag is the end tag. The end tag is written like the start tag but with a forward slash inserted before the tag name.

Web Browsers


The web browsers (Chrome, IE, Firefox, Safari) are used to read HTML documents and display them. The browser does not display the HTML tags, but uses them to determine how to display the document:

HTML Page Structure


This is the visualization of HTML Page Structure.


The <!DOCTYPE> Declaration


The <! DOCTYPE > declaration represents the document type, and helps browsers to display web pages correctly. It must appear only once, at the top of the page (before any HTML tags). The <! DOCTYPE > declaration is not case sensitive so you can still write like this <! doctype >. The <! DOCTYPE > declaration for HTML5 is something like this:

HTML Versions


These are some of the many versions of HTML:

So guys, these are the basics of HTML Programming. Stay tuned for the next tutorials. See yah! Thank you. :)

Sort:  

wow i needed one these for my vpn panel

These are just basics my dear, but it can stand already. You can follow for my next tutorials :)

You have been upvoted by the @sndbox-alpha! Our curation team is currently formed by @jeffbernst, @bitrocker2020, @jrswab & @teachblogger . We are seeking posts of the highest quality and we deem your endeavour as one of them. If you want to get to know more, feel free to check our blog.

Thank you so much. :)

Hi LOVE YOUR POST MAN!!! LIKE MY POST TOO!!!!! HERE IS THE LINK: https://steemit.com/bots/@abusereports/last-minute-upvote-list-2018-05-02

Hi LOVE YOUR POST MAN!!! LIKE MY POST TOO!!!!! HERE IS THE LINK: https://steemit.com/bots/@abusereports/last-minute-upvote-list-2018-05-02

Congratulations! This post has been upvoted by the communal account, @steemph.cebu by truthsfinder being run at Teenvestors Cebu (Road to Financial Freedom Channel). This service is exclusive to Steemians following the Steemph.cebu trail at Steemauto. Thank you for following Steemph.cebu curation trail!

Don't forget to join Steem PH Discord Server, our Discord Server for Philippines.

Loading...

Coin Marketplace

STEEM 0.20
TRX 0.12
JST 0.027
BTC 64278.56
ETH 3504.01
USDT 1.00
SBD 2.54