Create a Simple Web
Web Page
A web page (or webpage) is a hypertext document on the World Wide Web. Web Pages are delivered by a Web server to the user and displayed in a Web browser . A Web site consists of many web pages linked together under a common domain name . The name "Web Page" is a metaphor of paper pages bound together into a book
A web page can contain huge information including text, graphics, audio, video and hyper links. These hyper links are the link to other web pages
Collection of linked web pages on a web server is known as website. There is unique Uniform Resource Locator (URL) is associated with each web page.
Web Browser
A Web Browser (also referred to as av Internet browser or a simply a browser) is application software for accessing the World Wide Web or a local website.
When a user requests a web page from a particular website, the web browser retrieves the necessary content from a web sever and then displays the page on the user's device.
Web browser can show text, audio, video, animation and more.
A web browser is a not the same thing as a search engine, though the two are often confused. A search engine is web site that provide links to other websites. However, to connect pages, a user must have a web browser installed.
Web browsers are used on a range of devices, including desktops, laptops, tablets, and smartphones.
Ex :- Mozilla Firefox
Microsoft Internet Explorer
Apple Safari
Opera Browser
In 2021, an estimated 4.9 billion people used a browser. The most used browser is Google Chrome, with a 65.67% global market share on all devices , followed by Safari with 20% .
Web Server
A Web Server is a computer software and underlying hardware that accepts requests via HTTP(the network protocol created to distribute web content) or its secure variant HTTPS.
A user agent, commonly a web browser or web crawler, initiates communication by making a request for a web page or other resource using HTTP, and the server responds with the content of that resource or an error message.
A web server can also accept and store resources sent from the user agent if configured to do so.
Website is collection of web pages while web server is a software that respond to the request for web resources.
Web request
Search Engine
A Search Engine is a software system designed to carry out web searches.
Search Engine refers to a huge database of internet resources such as web pages, newsgroups, programs, images etc.
It helps to locate information on World Wide Web.
User can search for any information by passing query in form of keywords or phrase.
It then searches for relevant information in its database and return to the user.
Search Engine Description
Google It is the most popular search engine
globally.
Bing It was launched in 2009 by Microsoft. It is the latest web-based search
engine that also delivers Yahoo’s results.
Ask It was launched in 1996 and was originally known as Ask Jeeves. It
includes support for match, dictionary, and conversation question.
DuckDuckGo Is a popular search engine known for protecting the privacy of the
users. Unlike Ask.com they are quite open about who they use to
generate search results; they’ve partnered with Yahoo, and Bing. It
was founded back in 2008
AOL Search It is powered by Google.
What does HTTP mean.....?
Hypertext Transfer Protocol ( HTTP) Secure is an extension of the Hypertext Transfer Protocol.
It is used for secure communication over a computer network, and is widely used on the Internet.
In HTTPS, the communication protocol is encrypted using Transport Layer Security or, formerly, Secure Sockets Layer.
World Wide Web Communication
The World Wide Web is about communication between web clients and web server.
Clients are often browsers ( Chrome, Edge, Safari), but they can be any type of program or device.
Severs are most often computers in the cloud.
Communication between clients and server is done by requests and responses. - A client(a browser) sends an HTTP request to the web .
- A web server receives the request.
- The server runs an application to process the request.
- The server returns an HTTP response (output) to the browser.
- The client (the browser) receives the response.
What is HTML.....?
The Hyper Text Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript.
Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript, which affects the behavior and content of web pages. Inclusion of CSS defines the look and layout of content. The World Wide Web Consortium (W3C), former maintainer of the HTML and current maintainer of the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.[2] A form of HTML, known as HTML5, is used to display video and audio, primarily using the <canvas> element, in collaboration with java script.
To learn more by yourself 👇
HTML Editors
An HTML editor is a software for editing and creating HTML code that is used for websites or other web documents. With text-based HTML editors, the source code can be edited directly. WYSIWYG editors show the document to be edited already the way it displayed in the browser later.
- Some of the popular HTML text editors are given below.
Notepad++
VS Code Sublime Text
Notepad
Atom
HTML Basic Format Page Structure
⬢ Containing Block can be in the form of page’s body tag, an all containing div tag.
Without container there would be no place to put the contents of a web page.
⬢ Logo refers to the identity of a website and is used across a company’s various
forms of marketing such as business cards, letterhead and so on.
⬢ Navigation : The site’s navigation system should be easy to find and use. Often
the navigation is placed right at the top of the page.
⬢ Content: The content on a web site should be relevant to the purpose of the web
site.
⬢ Footer is located at the bottom of the page. It usually contains copyright, contract
and legal information as well as few links to the main sections of the site.
HTML Tags
The following table shows the HTML tags that define the basic web pages.
HTML Comments
Comments in HTML start with <! -- and end with --> . Don't forget the exclamation mark at the start of the tag! But you don't need to add it at the end.
It is a good practice of coding so that coder and the reader can get help to
understand the code.
It is helpful to understand the complex code.
It is a simple piece of code that is ignored by web browsers i . e, not displayed by
the browser.
It helps the coder and reader to understand the piece of code used for especially in complex source code.
Types of HTML Comments
There are three types of comments in HTML which are: Single-line comment
Multi-lines comment
Using<comment> tag
HTML Images
The image tag is used to insert an image into our web page. The source of the
image to be inserted is put inside the <img src="source_of_image">tag.
There are 2 ways to insert the images into a webpage:
⬢ By providing a full path or address (URL) to access an internet file.
⬢ By providing the file path relative to the location of the current web page file.
Syntax:
<img src="url" alt="some_text" width="x" height="y">
good job
ReplyDeleteThank you❤
Delete