How to do Coding (How to Build a Website)!!


Website Made by me @s_p Read More

Defination

Code is a language from which a computer understand and ‘speak’. Ok, Computer cannot speak (In recent times, computer can speak but that’s different.) It generally produces desirable content that we code. Such as if we implement

<h1>Hello</h1>
It will become

Hello

Why do we need coding to build a Website?

Coding is really very essential to build a website. You can make many websites through coding. Most popular coding language used in websites are HTML, CSS and JS. (Though I don’t know JS) . These languages enable us to create website and run them. Though there are many website which enables us to create website. Such websites are Wordpress, Wix. It is a good method to represent your product through website if you don’t know how to code. But why I chose coding rather than these sites because I want to see how capable I am to build a website with coding. This website except blog is made up of pure HTML and CSS

HTML

Before starting your website you should know how to write in it. HTML stands for Hyper Text Markup Language. HTML enables us to write in our website. It is essential because it is the key feature of creating a website.

Some Tag name of HTML are :-

<body> It represent the content
<p> It represents a paragraph
<h1> It represents heading 1
<h2> It represents heading 2
<h3> It represents heading 3
*It goes on till heading 6
<div> It represent a division
<li> It represent a list
<nav> It represent a navigation
<a href=””> It represent Links
<hr> It creates a horizontal line
Always close a tag after writing something. For closing tag, you have to just add ‘/’ before the tagname. Such as :-
<p>Write anything</p>
*Exceptions for <hr>

CSS

It looks weird if you look at your HTML website. Something is missing and that is… design. CSS stand for Cascading Style Sheet, if my spelling is not wrong. It creates a simple boring website to a fabulous outstanding website. (Used gooogle for these adjectives, ough ough) (Why my head goes on humming the Beyblade theme song 😫 though I like it.) So, how to write CSS. Simple no.. very simple just put a class name and then.. Showing you example But first you have to write

<style>
Then close it
</style>
I wrote in the <body> tag
<p class=”a”></p>
Then in <style> tag, to represent that thing you have to just add
.a {
}
In the interior I will wrote the required term. Such as :-
.a {
background-color: black;
color: white;
}
Some of the important terms are
color: ;
background-color: ;
font-size: ;
font-family: ;
padding: ;
margin: ;
and lot more

How to write it?

Simple, just open vscode.dev and start writing. Or open w3school.com, it has hundreds of content to learn coding. It also have a built in code runner called try it yourself.

How to Publish

‘Ab bana to diya. Age kya karna hai? ’ (Now made it. What to do next?). Save the content. Now, there are many website which can host your website. The most recommended is Github. You must have heard its name. Log in or sign up to the Github account, it is very much simple. Then after log in, you have to download Github desktop application. After downloading, do the required things. Then on left-top corner you can see.. (I must open my Github desktop. Wait…) ha, file, click on file and then click on ‘new respiratory’ then enter your respiratory name. It will now create a folder. Then copy and paste your html document to that folder. On bottom left corner write a summary and then click ‘commit to main’. Then on top click Publish. Change the respiratory from private to public. After publishing open the github main page. Click on your respiratory. Go to settings, then pages. Then change it from none to main. It will create a link. After a while click on the link and yeah, your website is successfully published.


Some more amazing Articles..


Video Games: A Helpful Devil

Do you love or hate video games? Read this article to know about the Video Game's Cons and Pros. Click on 'Video Games: A Helpful Devil' to know more


Simplified View


Thanks For Visiting


*Blog feature by Wordpress

How to do Coding (How to Build a Website)!!


Website Made by me @s_p Read More

Defination

Code is a language from which a computer understand and ‘speak’. Ok, Computer cannot speak (In recent times, computer can speak but that’s different.) It generally produces desirable content that we code. Such as if we implement

<h1>Hello</h1>
It will become

Hello

Why do we need coding to build a Website?

Coding is really very essential to build a website. You can make many websites through coding. Most popular coding language used in websites are HTML, CSS and JS. (Though I don’t know JS) . These languages enable us to create website and run them. Though there are many website which enables us to create website. Such websites are Wordpress, Wix. It is a good method to represent your product through website if you don’t know how to code. But why I chose coding rather than these sites because I want to see how capable I am to build a website with coding. This website except blog is made up of pure HTML and CSS

HTML

Before starting your website you should know how to write in it. HTML stands for Hyper Text Markup Language. HTML enables us to write in our website. It is essential because it is the key feature of creating a website.

Some Tag name of HTML are :-

<body> It represent the content
<p> It represents a paragraph
<h1> It represents heading 1
<h2> It represents heading 2
<h3> It represents heading 3
*It goes on till heading 6
<div> It represent a division
<li> It represent a list
<nav> It represent a navigation
<a href=””> It represent Links
<hr> It creates a horizontal line
Always close a tag after writing something. For closing tag, you have to just add ‘/’ before the tagname. Such as :-
<p>Write anything</p>
*Exceptions for <hr>

CSS

It looks weird if you look at your HTML website. Something is missing and that is… design. CSS stand for Cascading Style Sheet, if my spelling is not wrong. It creates a simple boring website to a fabulous outstanding website. (Used gooogle for these adjectives, ough ough) (Why my head goes on humming the Beyblade theme song 😫 though I like it.) So, how to write CSS. Simple no.. very simple just put a class name and then.. Showing you example But first you have to write

<style>
Then close it
</style>
I wrote in the <body> tag
<p class=”a”></p>
Then in <style> tag, to represent that thing you have to just add
.a {
}
In the interior I will wrote the required term. Such as :-
.a {
background-color: black;
color: white;
}
Some of the important terms are
color: ;
background-color: ;
font-size: ;
font-family: ;
padding: ;
margin: ;
and lot more

How to write it?

Simple, just open vscode.dev and start writing. Or open w3school.com, it has hundreds of content to learn coding. It also have a built in code runner called try it yourself.

How to Publish

‘Ab bana to diya. Age kya karna hai? ’ (Now made it. What to do next?). Save the content. Now, there are many website which can host your website. The most recommended is Github. You must have heard its name. Log in or sign up to the Github account, it is very much simple. Then after log in, you have to download Github desktop application. After downloading, do the required things. Then on left-top corner you can see.. (I must open my Github desktop. Wait…) ha, file, click on file and then click on ‘new respiratory’ then enter your respiratory name. It will now create a folder. Then copy and paste your html document to that folder. On bottom left corner write a summary and then click ‘commit to main’. Then on top click Publish. Change the respiratory from private to public. After publishing open the github main page. Click on your respiratory. Go to settings, then pages. Then change it from none to main. It will create a link. After a while click on the link and yeah, your website is successfully published.

Some more amazing Articles..


Video Games: A Helpful Devil

Do you love or hate video games? Read this article to know about the Video Game's Cons and Pros. Click on 'Video Games: A Helpful Devil' to know more

Thanks For Visiting


*Blog feature by Wordpress