The Internet and the Web and HTML Standards

in #technology9 years ago (edited)

I am thinking of creating a new website to our upcoming T-Shirt printing shop. Because of my earning on Steemit I can now buy the basic needed machine in t-shirt printing. But now, I will share my idea about the Internet and the Web and HTML Standards.


We all know, the Internet is a network of networks. Connects in millions of computer world wide forming a huge network. Its communicate in any computer with another computer anywhere the world for as long as it is connected to the internet. The Internet is referred to as the internet with a capital "I". A short name for the Internet is the Net.


The World Wide Web (WWW) we always see that when we are browsing a website like www.facebook.com or www.google.com. WWW or simply the Web is just one part of the Internet, it is one way to access information on the Internet. Web uses a protocol called Hyper Text Transfer Protocol (HTTP) to transmit and access data.


A Protocol is a set of rules or standards that governs or regulates something. In the World Wide Web, HTTP is that standard.

Other protocols used by the Internets are -
File Transfer Protocol (FTP) - used to upload and download files.
Post Office Protocol (POP) - used to download (receive) e-mail messages from a mail server to the computer.
Simple Mail Transfer Protocol (SMTP) - used to send e-mail messages from the computer across the Internet through a mail server.
Internet Message Access Protocol (IMAP) - used to send and receive e-mail messages through a web server, it is the protocol used for web mails.

The World Wide Web is comprised of millions of websites like Steemit. Each website has its own unique name called domain name. To make a website name as an individual's official name, it should be registered with a domain name registry. ICANN or Internet Corporation for Assigned Names and Numbers is a organization that governs the allocation of domain names. Every website and web pages contains a accessed through the URL or Uniform Resource Locators. 

All website have atleast one page should named index. The index page is also the home page. The index is the very first page that locates by the web.

Example, www.steemit.com is the same as

To create a web page you need to composed a HTML Document.

HTML stands for Hyper Text Markup Language.

Do you know Tim Berners-Lee? an English computer scientist invented HTML in 1990. He is also the inventor of the World Wide Web. He is the director of the World Wilde Web Consortium (W3C) which maintains standards for the Web and continues to refine its design.


Few years several versions has developed  and enabled the flow of information all over the world. It supports content as text, images, video, audio, animation and other interactivity content forms.

HTML first version released in 1991. And since then, there have 6 other versions.

  • HTML5 in 2012
  • HTML 4.01 in 1999
  • XHTML 1.0 in 2000
  • XHTML5 in 2013
  • HTML in 1991
  • XML

HTML Standards. HTML is a markup language, not a programming language. It has standards that every web developer and software developer for the Net should adhere to.

Very common tags < and > . If the tag name is without angle brackets, the web browser interprets it as plain text. Tags usually come in pair, the start tag and the end tag. 


An example of a start tag is with the color green text like <html>. An end tag requires a forward slash (/) before the tag name just like </html> with the red text.


HTML Empty Tags

  • <br /> - Line break. Forces you text to start on a new line rather than continuously. Double <br  /> produce an empty line.
  • <hr /> - Horizontal line. Adds a horizontal rule (line) after the preceeding text or element.
  • <img/> - Image. Displays an image to your web page.
  • <!-- --> Comment. Adds a comment to your HTML document. The comment is not visible on the web page. It is also used to hide scripts like JavaScripts.


Markup Syntax

Markup tags Syntax

Example of a markup tags pair

Empty tag syntax

Example of an empty tag


HTML Attributes

The attribute properly of the anchor tag <a> is href and its value is the web page index.html.


For image, <img> is src and its value is the images.


Nested HTML Elements

Most HTML elements can be nested. That means an element can contain other HTML elements. 

Example of nested HTML elements.



Image Source: 0 | 1 | 2 | 3 


Site References:

http://www.w3schools.com/tags/tag_code.asp

http://www.quackit.com/html/codes/

https://en.wikipedia.org/wiki/HTML



Follow me @lapilipinas


Sort:  

Well, I have enjoyed learning about and using Html editors (yet I didn't know that Tim Berners-Lee was the inventor of the World Wide Web). Interesting.

In particular, I enjoy creating the links for Images, and learning about tags. Also on How to create a Table at my blog.

Since he is a director of the World Wilde Web Consortium (W3C), I wonder how he'd feel if one day machines 'take over'..

Great info!

just sharing... :)

@lapilipinas
This is great technical information
Thanks a ton for posting this

No problem sir... thanks!!

Awesome Info, make more post like this :)