Posts

Showing posts from October, 2020

HTML: Subscript and Superscript Tags

Image
 Subscript and Superscript       If you are thinking what is subscript and Superscript, just reread your chemistry and maths books for reference! Confused huh? See the image below  You may got it now. (guess I reminded you of your school) Yes, it is called Superscripting and subscripting. For this we have two tags Namely  <sup> is used for Super Script <sub> is used for Sub Script Remember these two are paired tags Means they have closing tags!  Let's see the sample code below: <html>   <head> <title> Subscript And Superscript   </title>   </head>   <body>       <h1> Subscript and Superscript <h1    <p><b> Algebric Identity :</b>(a - b)<sup> 2 </sup> = a <sup> 2 </su...
Post a Comment
Read more

HTML: Text Tags: Part 1

Image
Text Tags   If you have a question, what is a tag ? Read  this  post before you countinue.   Okay so let's get started. As I mentioned before there are dozens of tags in HTML5 Each has it's own purpose and usage. Text Tags are type of tags used to format text in a web page. Text Formatting includes styles like  Bold Italics Headings & Subheadings  Underlines Fonts Strikeout Etc      In This post we will see only some text tags. ( we will cover up everything later )   The best example to imply this text Formatting is a Newspaper! See the image below    In this image, you can see the difference of different header sizes. HTML5 Has 6 different heading tags based on size.  So there are tags Namely <h1> <h2> <h3> <h4> <h5> <h6> The biggest header tag is  <h1> And the smallest is  <h6> Also for simple text formatting like Bold & Italics  There is  <b...
Post a Comment
Read more

HTML: Anatomy of Tags

Image
HTML Tags - Anatomy In our  previous  post, we made our First Web Page . That would gave you some understanding of Tags. Now let's see in detail about them. ( note: I assume that you have basic understanding of Tags in HTML if not read  this  post before you countinue) Attributes - Explained           As I said Tags are building blocks of HTML. It says how the content inside it should appear in webpage. To make it simple, Tags Navigate The Browser to how to display the content inside them. See this convo (may look funny but useful)  Browser: Okay, What type of file are you ? HTML File: See I have <html> tag.  Browser: so you are an HTML File. You are my Navigator. Okay, what text should I display is my title bar? HTML File: See Under My <head> tag, I have <title> Galax Coders </title>  Browser: Okay so, Galax Coders is the title right? HTML File: Yes Ofcourse! Browser: Okay, What content should I wr...
Post a Comment
Read more

HTML: Making my First Web Page!

Image
Making your first Web Page!     In our  Previous  post, I said, you are going to make your own web page on your own! What's more? Let's Get Started, ( if you don't know what you need to make your project, check  this  page before you countinue ) Getting Started: Open your Text Editor  Create a New File ( CTRL + N ) Make a New Folder named "html" Save That file as your_file_name .html in html folder [ if your using default notepad, remember change from txt to all files in drop down bar ! ]  Start Coding!      ( note: The Pics are From Quoda For Android )      Now  Start Writing your code! As I defined in previous post, There are some Basic And compulsory HTML Tags. Now let's write the following,  Open <html>  ( note if you used any IDEs like Visual Studio Code or Web Code, Your Tags will be auto closed, don't mind it ) Open <head> Add <title> Tag Next to the  <head> Tag and...
Post a Comment
Read more

HTML: Grammar! Tags and Elements

Image
Grammar Of HTML      As you know, Each and Every Spoken language has it's own and unique Grammar Rules. Which defines, how that language to be pronounced, defined, written, etc. Like wise Every Computer Language has it's own Grammar , which defines how it should be       ▪︎ Coded     ▪︎ Formatted     ▪︎ Translated  This applies for HTML too! Okay, let's see the Grammar of this Markup language. Tags and Elements      Tags are building blocks of HTML Before I explain further take a look at the following image.                In the following image It has an HTML Element    An HTML Tag is surrounded by <> A Tag has a Opening and a Closing Tag Any Content in between opening   and closing tag is considered as Element Content. An Opening And Closing Tag with A Content in between it makes a complete HTML Element       • An Opening Tag Defines the ope...
Post a Comment
Read more

Front End Web Development: Introduction! Three Layers of Web

Image
Three Layers Of Web     In  Previous  Post, I said There are Three Main Layers of Front End Web. We are going to learn about it now! Okay, lets move The Three Main layers of Front End Web are:                ▪︎ Content Layer              ▪︎ Style Layer              ▪︎ Behavior Layer That's it! Each layer has its responsibility to do their jobs. To make a clear understanding,     ▪︎ Content Layer   Deals with content ( text ) in a webpage       ▪︎ Style Layer Deals with style ( design ) of a webpage         ▪︎ Behavior Layer Deals with Behavior ( Response ) of a webpage towards user. Confused, right ? .          You can see that in this image. As Written Above Each Layer Has their Responsibilities. Also Each layer has their responsible language!     HTML ( Hyper Text...
1 comment
Read more

Front End VS Back End: What is the difference?

Image
First you may ask, what is front end and back end?          As You Know, Websites are international, A website can be viewed from anywhere by anyone in the world. The Websites has mass function behind them. In  Introduction  I said, HTML is A Language used to design content Section of Front End Web What ?        To make it simple, Front End is a part of web ( web refers to websites ) which viewers see. Its co-partner is Back End Which Manages Every Work Behind The Front End. That is,        You are reading this page, These Letters Right Now, This page, which you are seeing with your eyes belongs to front end category. At the same moment, you are reading this, A big function is running behind these letters, To run the website properly. It is called Back End. Confused More Than Before!          Confused? Huh? Let me give you a practical example. Just Get up and switch on one of the lamps ne...
Post a Comment
Read more

HTML: Hyper Text Markup Language: Introduction!

What is HTML ?      HTML ( Abbrevated as Hyper Text Markup Language ) is a language used to design content section of front end web. I am Confused Now!          To Make it simple, HTML is a very simple language used to make your own websites  And web pages.  You may think it will be messy, but it is not. Just get the things listed here! You mustn't require a PC for coding this.A smartphone with a browser is enough!  Things That you may need:              • Any Text Editor:                                 You can use any text editor application to write a html code. For easy and to get syntax highlights there are some special text editors available. ( if you can't get that default notepad or word pad in your PC is enough)             For PC:            ▪︎  ...
Post a Comment
Read more