The Internet is the most popular and crowded network in the world. The Internet provides different services, applications. The webpage is the most popular service or application provided by the internet. The webpage provides content on different topics. In a technical way, Webpage consists of different technologies like HTML, JavaScript, XML, Picture, Video, etc.
Web Page
Well, this is a web page provided by Poftut.com. There are a lot of web pages on the internet. Some web pages only contain text where some only images. But in general web pages provides a different type of contents like text, image, video, ads, etc. We can access a web page by using its URL. Web pages are served by web server software to the client browsers.
Web Page Technologies
Web pages may seem simple but it was in the 1990s. The popularity and demand for web pages and its content created a lot of basic and advanced technologies. Here some of them.
- Web Server
- Browser
- HTTP
- HTML
- JavaScript
- CSS
- Image/Video
- PHP, Java, C#, Python, etc.
Web Server
Web Server is an important part of a web page lifecycle. Web Servers are used to create web pages dynamically or statically. They simply serve web pages to the client’s browsers over the HTTP or more secure HTTPS protocol. There are different web servers but most popular of them are Apache HTTP Server, IIS Server, Nginx, Lighttpd. Web Server reads the web page code, image/video, and provides by using the HTTP protocol.
HTTP
Hypertext Transfer Protocol is a protocol designed to transfer web pages and its contents over the network and internet. The HTTP protocol provides some metadata and content like HTML, JavaScript, Image/Video as network packets. HTTP is nor fully secure protocol that can be intercepted. So secure version of HTTP named HTTPS is developed to encrypt HTTP traffic with SSL.
Browsers
Browsers are another important part of the Web Page. Browsers are used to display the web page and its contents properly. Browsers get the web page HTML, JavaScript, CSS, Image/Video content from Web Server via HTTP. Then displays the HTML as the main structure by adding CSS, Image/Video, and runs JavaScript for general events and for different user actions. The most popular browsers are Google Chrome, Mozilla Firefox, Microsoft Edge/Explorer, Opera, Safari, etc.
HTML
Hypertext Markup Language or HTML is a defacto markup language used to define the web page and its contents. Below we can see a webpage where is provides HTML code.
JavaScript
JavaScript is a scripting language that runs on the Browser. JavaScript provides some action and dynamism to the web pages. JavaScript adds actions like button click, check input, animations, etc. Here is a JavaScript which is used a lazy load for images in the lower part of a web page.
CSS
Cascade Style Sheet or CSS is used to set visuality and visual properties of the HTML elements. For example, the font of the headers can be set with some CSS code. Today most of the web design relies on the CSS in order to make webpages more attractive. We can see in the following screenshot that visual attributes lie margin, padding, vertical-align, font-size, etc. is specified in CSS.
PHP, Java, C#, Python, etc. Programming Languages
At the start of the WWW, the web pages were static which means all the content is created statically one by one. But with the advance of the web technologies web pages can be created dynamically with different programming languages like PHP, Java, Python, C#, etc. These programming languages can create HTML web pages with different contents where some content can be stored in databases.