Posts

Showing posts from July, 2022

Conditional Rendering in React Complete Guide with Examples 2026

Image
  Conditional Rendering in React Conditional Rendering is one of the most useful concepts in React. It means showing different content on the screen depending on a condition. For example: If a user is logged in → show Logout If a user is not logged in → show Login If a student has passed → show Congratulations If a product is available → show Buy Now If data is loading → show Loading... React does not have a separate if rendering tag. Instead, we use normal JavaScript conditions such as if, the ternary operator, &&, and switch to decide what should appear in the UI.

html meta tag

Image
META Description      Meta elements are tag use HTML and XHTML documents to provide structured metadata about a Web page. meta element part of web page head section . Multiple Meta element different attributes can be use same page.  <meta name="keywords" content=" HTML , CSS, JavaScript "> <meta name="author" content= " Web desigining "> The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data. The <meta> tag support the Global Attributes in the  HTML. <meta> tags always inside  <head> element they typically use character set   page description, keywords, author document , viewport settings .Meta elements use HTML , XHTML document provide structured metadata Web page. They  part of  web page head section. Multiple Meta element with the different attributes  use on the same page.  The head of an HTML document is  not displayed in  web browser...

HTML link Element Explain Attributes

Image
  Attribute of the LINK Element  The link element allows to authors link their document other resources. The destination of  link  by  the href attribute , which must  present and must contain valid non empty URL potentially surrounded by spaces. A link of element must have rel attribute . 1] Href Value :-   URL Syntax :- <a href="url">link text</a> Description :-     Specified the target URL you navigate to  after clicking a link.The href attribute link  short for “ Hypertext REFerence ” indicates the relationship between pages to search engines. href is the  attribute of  anchor tag and contains a two components.The URL (the actual link) and. The clickable text or object that users will see on the page known as the “ anchor text ”

html head Tag

Image
html head Tag             Head section    The head section container set of elements that provide the metadata for the document. This the metadata can be specify the title element , character set , author, description or keywords of  web page ( meta element ), a style sheet or relational information ( link element ) or embedded style declarations ( style element ), among others. The presence of  title element is mandatory to the inside the head section of  HTML document . Most metadata  not displayed in the browser (although  title usually appears in the browser's title bar) it can be useful for the functionality of the page. Syntax:  The <head> tag is written as <head></head> with the metadata content enclosed between the start and end tags. The <head> tag  placed between  opening and closing <html> tags. Most HTML pages must have a <title> tag within the <head> t...

HTML Tag

Image
 HTML Tag  Html basic tag:-   <!DOCTYPE html> Html  first line of the code <!DOCTYPE html> is called a doctype declaration the browser which version of HTML the page is written . Html tag using the doctype the HTML5 , the most up-to-date version of  HTML language.The DOCTYPE declaration of the instruction to web browser of HTML the page is written in.  <HTML>:- <Html>.   </html> <html> tag tells the browser  this is HTML document . The <html> tag represent the root of  HTML document. The <html> tag is the container for other HTML elements  <!DOCTYPE> . The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext text used to reference other pieces of text, while a markup language is a series of markings that tells w...

Introduction of HTML

Image
  Introduction of HTML HTML  :- Introduction to HTML HTML IS Hypertext Markup Language. HTML is the Standard markup language for creating web pages. HTML code is used to structure of a web page. HTML For creating and structuring content on the world wide web . HTML element content such as Heading, Paragraph, Link , Images, and Underline tag, Table, Form etc.. HTML is the standard markup markup language use to web pages. HTML describes the structure of web page.HTML consist of keyword/html Tag enclosed in angle brackets and most tag in pairs forming and opening tag, content, and closing tag. html opening tag Example :- <h1> and html closing tag s convey the forward-slash example :-</h1> HTML stands for Hyper Text Markup Language. 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 JavaSc...

Dynamic website in web Designing

Image
    Dynamic website Dynamic website:- A dynamic website is a set of web pages whose content changes dynamically. Dynamic websites access information in a database. Therefore, when you change or update the content of the document, the content of the website will also change or update. Dynamic websites use client-side scripting, server-side scripting, or both to create dynamic content. These websites also contain standard HTML code. For example, the Computer Hope homepage is a web page that changes daily to provide new content to visitors. Client-side HTML scripting, the page may use JavaScript or other script to dynamically manipulate page data. Page rendering is determined by the parameters specified in the server-side script. In contrast, static websites require users to create pages in an HTML editor. Server-side dynamic sites require at least one request for data or other information, which increases loading time. Advantages and disadvantages of Dynamic web site : Advanta...

Static Website html tag web designing

Image
  Static Website   Static website:- A static website is a group of webpages that have consistent, fixed content for all users. A website with fixed content doesn't use a database. HTML documents that are saved as files in the file system and made accessible by the web server over HTTP are frequently used to create static web pages. Database design and Web programming are not needed for static websites. Furthermore, updating static websites requires getting straight into the HTML and altering it there. In contrast to dynamic web pages, which are produced by a web application, static web pages—also referred to as flat pages or stationary pages—are sent to the user's web browser precisely as stored.The simplest and most fundamental type of website is a static one. It just needs client-side processing; server-side, or back-end, processing is not necessary. The client-side technologies are JavaScript, CSS, and HTML.Because static web pages are composed of "fixed code," n...