Nowadays, one of the most important and popular part in the technical world is website development. Web development insists of both technique and creativity. At first, one must make a blue print of the website, then use skills to execute that in a correct manner.
There are two board divisions of web development:
Front-end development (also called client-side development) and back-end development (also called server-side development)
Front-end development refers to constructing what user sees when they load a web application, the content design and how you interact with it. This is done with mainly three codes - HTML, CSS & JavaScript.
HTML:
Hyper Text Markup Language is a special code for 'marking up' text in order to turn it into a webpage. Hypertext defines the link between the webpages. Markup language is used to define the text document within tag which defines the structure of web pages. HTML consists of various tags to define what manipulation has to be done on the text.
The structure HTML code:
<!DOCTYPE html> <html> <head> <title>[ Name of the header of your page] </title>
</head> <body> [ Your main code for your website]
</body> </html> CSS:
Cascading Style sheets, is a code for settling style rules for the appearance of web pages. CSS handles the cosmetic side of the web. CSS has much wider array of attributes than HTML, so one can give a far better look to a HTML page in comparison to HTML attributes. A CSS compromises of style rules that one interrupted by the browser and applied to the corresponding elements in your document. A style rule set consists of a selector and declaration block. There are three ways to apply CSS to HTML: inline, internal, and external.
Inline: This will modify only one particular paragraph.
Internal: Embedded, or internal, styles are used for the whole page. Inside the head element, the style tags surround all of the styles for the page.
External: External styles are used for the whole, multiple-page website. There is a separate CSS file.
How to apply?
Start a fresh new file with your text-editor and save the blank document
as “style.css” in the same directory as your HTML file. And add
the link of this file under the
"<head>" tag of HTML code like:
< link rel="stylesheet" href="style.css">
And then use the “style.css” file to write CSS codes to bring the modification in the webpage.
JavaScript is a programming language commonly used in web development. It was originally developed by Netscape as a means to add dynamic and interactive elements to websites. While JavaScript is influenced by Java, the syntax is more similar to C and is based on ECMAScript, a scripting language developed by Sun Microsystems. Like server-side scripting languages, such as PHP and ASP, JavaScript code can be inserted anywhere within the HTML of a webpage. However, only the output of server-side code is displayed in the HTML, while JavaScript code remains fully visible in the source of the webpage. It can also be referenced in a separate .JS file, which may also be viewed in a browser.
JavaScript and webpages
You can put JavaScript into an external file or directly into the HTML
page. If you put the JavaScript code into the HTML page you can either
put it into the header or in the body of the HTML page. JavaScript which
is embedded into an HTML page must be surrounded by
<script type="text/javascript"></script>
tags. JavaScript in the body is be executed while the page loads.
JavaScript in the header is be executed when other JavaScript functions
in the HTML body call them.
Source/reference(if any):internet