$ Web And Protocol -----------------
A web browser is a software application used to access and view content on the World Wide Web. Here are some key points
about web browsers:
1. Interface for Web Content2. Rendering Engine3. Navigation4. Security Features: 5. Cross-Platform Availability: 6.
Extensions and Add-ons: 7. Standards Compliance: 8. Performance: 9. Evolution
protocols:
Protocols are a set of rules or conventions that define how data is transmitted and received over networks. They ensure that
devices and systems can communicate with each other effectively. In the context of web browsing, several protocols play
crucial roles:
HTTP (Hypertext Transfer Protocol):
HTTP is the foundation of data communication on the World Wide Web. It's a protocol used by web browsers and servers to
exchange hypertext documents. HTTP defines how requests from a client (web browser) are made to a web server and how
the server responds with the requested resources.
HTTPS (HTTP Secure):
HTTPS is an extension of HTTP that uses encryption protocols like SSL (Secure Sockets Layer) or TLS (Transport Layer
Security) to secure data transmitted between the browser and the web server. It encrypts data to prevent eavesdropping and
tampering, ensuring secure communication.
$ Bandwidth, Cache And Types-----------------
Bandwidth refers to the maximum data transfer rate of a network or internet connection. It measures the amount of data that
can be transmitted within a certain time frame, typically expressed in bits per second (bps), kilobits per second (kbps), megabits
per second (Mbps), or gigabits per second (Gbps). It determines how fast data can be sent over a network connection.
cache:
Cache is a high-speed data storage layer that temporarily stores frequently accessed or recently used data, aiming to expedite
subsequent requests for that data. It resides closer to the CPU (Central Processing Unit) or within the memory hierarchy of a
computing system, enabling quicker access than fetching the data from the original storage location (such as disk or main
memory).
Types of Cache:
*CPU Cache *Web Browser Cache *Disk Cache *DNS Cache
$ POST AND GET METHODS----------------
# In GET method we can not send large amount of data rather limited data of some number of characters is sent because the
request parameter is appended into the URL
# GET request is comparatively better than Post so it is used more than the Post request.
# GET requests are only used to request data (not modify)
# GET request is comparatively less secure because the data is exposed in the URL bar.
# Request made through GET method are stored in Browser history.
# In POST method large amount of data can be sent because the request parameter is appended into the body.
# POST request is comparatively less better than Get method, so it is used less than the Get request.
# POST requests can be used to create and modify data.
# POST request is comparatively more secure because the data is not exposed in the URL bar.
# Request made through POST method is not stored in Browser history.
$ DTD --------------------------------
DTD (Document Type Definition) is a markup language used to define the structure, elements, and rules for an XML (eXtensible
Markup Language) document. It specifies the valid elements, attributes, and their relationships within an XML document. The
components of a DTD include.
1. Elements: xml code <!ELEMENT book (title, author, year)>
2. Attributes: xml code <!ATTLIST book ISBN CDATA #REQUIRED>
3. Entities: xml code <!ENTITY greeting "Hello, World!">
4. Document Structure Rules: xml code <!ELEMENT library (book+)>
5. Declaration of Element Content: xml code <!ELEMENT title (#PCDATA)>
$ Website Web And Arcitecture--------------------------
A website (also written as a web site) is one or more web pages and related content that is identified by a common domain
name and published on at least one web server.
Website architecture refers to the planning and design of a site’s information architecture (IA) to establish structure and
enhance usability.
$ JAVA Global Local--------------------------------
JavaScript is a scripting language that enables you to create dynamically updating content, control multimedia, animate
images, and pretty much everything else
Global variables in JavaScript are those declared outside of any function or block scope. They are accessible from anywhere
within the script, including inside functions and blocks. Variables declared without the var, let, or const keywords (prior t o ES6)
inside a function automatically become global variables.
Local variables are defined within functions in JavaScript. They are confined to the scope of the function that defines them and
cannot be accessed from outside. Attempting to access local variables outside their defining function results in an error.
$ Inheritance IN JS------------------------------
In programming, inheritance refers to passing down characteristics from a parent to a child so that a new piece of code can
reuse and build upon the features of an existing one. JavaScript implements inheritance by using objects. Each object has an
internal link to another object called its prototype.
$ List tag, Type , Ex-----------------------
List<li> tag
List is used to privide list of items. Here we have two types of list
a.Ordered List<ol>
b.UnOrdered List<ul>
c Ordered List<ol>
In this Ordered List the list items shown in orderwise like in numbers,alphabets or roman number
We create Ordered List using <ol> tag in that tag we use <li> tag means list item .By using this <li> tag we mention our item in
each <li> tag
Ex
<ol>
<li>Prabhas</li>
<li>NTR</li>
<li>RamCharan</li>
<li>AlluArjun</li>
</ol>
$ Principle of designe--------------------------------
The principles of design are basic rules that help make designs look good and work well. They guide how to arrange elements
in a design to make it visually appealing and effective. Here are the main principles of design:
Balance: Distributing elements evenly to create a sense of stability.
Contrast: Using differences in color, shape, or size to make elements stand out.
Emphasis: Highlighting the most important parts of a design.
Movement: Guiding the viewer's eye through the design in a specific way.
Pattern: Repeating elements to create a sense of order and consistency.
Rhythm: Creating a sense of movement by repeating elements at regular intervals.
Unity: Making sure all parts of the design work together as a whole.
By using these principles, designers can create more effective and appealing designs.
$ CSS---------------------------------
CSS (Cascading Style Sheets) is a language designed to simplify the process of making web pages presentable. It allows you
to apply styles to HTML documents, describing how a webpage should look by prescribing colors, fonts, spacing, and
positioning. CSS provides developers and designers with powerful control over the presentation of HTML elements.
$ Browzer Articetct----------------------------
Browser architecture is designed to provide a faster, more secure, and more feature-rich platform that helps users interact
easily with the internet. The browser architecture is broadly divided into seven parts.
$ Style Tag in CSS----------------------------
The <style> tag is used to define style information (CSS) for a document. Inside the <style> element you specify how HTML
elements should render in a browser. The <style> element must be included inside the <head> section of the document.
$ Sclector------------------------------
A selector is a chain of one or more simple selectors separated by combinators. Combinators are: white space, ">", and "+".
White space may appear between a combinator and the simple selectors around it. The elements of the document tree that
match a selector are called subjects of the selector.
$ What is JS -------------------------
JavaScript is a versatile, dynamically typed programming language used for interactive web applications, supporting both client-
side and server-side development, and integrating seamlessly with HTML, CSS, and a rich standard library.
JavaScript
is a
single-threaded
language which means it executes one task at a time.
It is an
Interpreted language
which means it executes the code line by line.
$ XHLMT-----------------------
Full name. Extensible HyperText Markup Language (XHTML) 1.0. Description. XHTML is an openly documented, freely
implementable format for marking up structured documents for use as pages and applications on the World Wide Web.
$ CSS Types-------------------------
CSS (Cascading Style Sheets) is used to style and layout of web pages, and controlling the appearance of HTML elements.
CSS targets HTML elements and applies style rules to dictate their appearance. Below are the types of CSS:Inline CSS
Internal or Embedded CSS
External CSS
$ XML tribute------------------------
The XML attribute is a part of an XML element. The addition of attribute in XML element gives more precise properties of the
element i.e, it enhances the properties of the XML element.
There are three types of attributes described below:
String types Attribute: This type of attribute takes any string literal as a value.
Enumerated Type Attribute: This attribute is further distributed in two types
$ Cell Spacing , Pading , Margin----------------------------
Cell spacing refers to the amount of space that is held between the cells in a table. It is specified with the cellspaceing attribute
in the table element.
Cell padding is a CSS property in HTML that defines the amount of space between the border of a table cell and its contents:
In web development and design, margin is the space around the outside of an element, while padding is the space
$ Designe Home Page--------------------
Example of HTML code for three basic pages and link them together using hyperlinks. We will save these as separate HTML
files and link them manually or use a server to host them.
html
Copy code
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
</head>
<body>
<header>
<h1>Welcome to My Site</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Welcome to Our World</h2>
<p>Content about your business or a welcome message.</p>
<a href="about.html">Learn More</a>
</section>
<!-- Additional sections or content here -->
</main
<footer>
<p>Contact us at contact@example.com</p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Services</title>
</head>
<body>
<header>
<h1>Our Services</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Our Offerings</h2>
<p>Details about the services you provide.</p>
<a href="about.html">Learn More About Us</a>
</section>
<!-- Additional sections or content here -->
</main>
<footer>
<p>Contact us at contact@example.com</p>
</footer>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>About Us</title>
</head>
<body>
<header>
<h1>About Us</h1>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</nav>
</header>
<main>
<section>
<h2>Who We Are</h2>
<p>Information about your company and its mission.</p>
<a href="services.html">Explore Our Services</a>
</section>
<!-- Additional sections or content here -->
</main>
<footer>
<p>Contact us at contact@example.com</p>
</footer>
</body>
</html>