Skip to content

madhurimarawat/Website-Frontend-Developement

Repository files navigation

Website-Frontend-Developement

This repository contains programs in HTML, CSS, JavaScript and Bootstrap related to Website Frontend Development.

HTML HTML

--> HTML stands for HyperText Markup Language.

--> It is used to design the web pages. With the help of HTML, you can create a complete website structure.

--> HTML is the combination of Hypertext and Markup language.

--> Hypertext defines the link between the web pages and markup language defines the text document within the tag that define the structure of web pages.

HTML Basic Tags

  • DOCTYPE! html – A doctype or document type declaration is an instruction that tells the web browser about the markup language in which the current page is written. It is not an element or tag. The doctype declaration is not case-sensitive.
  • html – This tag is used to define the root element of HTML document. This tag tells the browser that it is an HTML document. It is the second outer container element that contains all other elements within it.
  • head– This tag is used to define the head portion of the HTML document that contains information related to the document. Elements within the head tag are not visible on the front-end of a webpage.
  • body– The body tag is used to enclose all the visible content of a webpage. In other words, the body content is what the browser will show on the front end.

CSS CSS 

--> Cascading Style Sheets, fondly referred to as CSS, is a simply designed language intended to simplify the process of making web pages presentable.

--> CSS allows you to apply styles to web pages.

--> More importantly, CSS enables you to do this independently of the HTML that makes up each web page.

--> It describes how a webpage should look: it prescribes colours, fonts, spacing, and much more.

--> CSS lets developers and designers define how website behaves, including how elements are positioned in the browser.


JavaScript JavaScript

--> JavaScript (JS) is a lightweight interpreted (or just-in-time compiled) programming language with first-class functions.

--> While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat.

--> JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.


Bootstrap Bootstrap

--> Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.

--> It contains HTML, CSS and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

--> The primary purpose of adding it to a web project is to apply Bootstrap's choices of color, size, font and layout to that project.

--> Bootstrap also comes with several JavaScript components which do not require other libraries like jQuery.

--> They provide additional user interface elements such as dialog boxes, tooltips, progress bars, navigation drop-downs, and carousels.

--> Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases accompanying JavaScript code.


Mode of Execution Used Notepad++  

Notepad++

--> To begin, visit the official website   Notepad++

--> Download according to the platform being used like Linux, MacOs or Windows.

--> Follow the setup wizard.

--> After setup, we can write code in HTML and also in other languages.

--> To see the output of HTML code open document in any browser.

Thanks for Visiting 😄

Drop a 🌟 if you find this repository useful.

If you have any doubts or suggestions, feel free to reach me.

📫 How to reach me:   Linkedin Badge     Mail Illustration📫