Gayathri

1.11 Colors   ,Shadows,Text, Transformations,Transitions,Animations,Bootstrap Framework The following explains how to use  colors, shadows, text utilities, transformations, transitions, animations , and the  Bootstrap framework  in web technologies, with examples primarily using CSS and Bootstrap.  CSS Concepts Cascading Style Sheets (CSS) provides core functionalities for styling web elements.   Concept   Description Example (CSS) Colors Used for foreground (text) and background colors. color: blue; background-color: #fff; Shadows Adds visual depth to text or box elements. box-shadow: 2px 2px 5px rgba(0,0,0,0.3); Text Controls typography, alignment, capitalization, etc.. text-align: center; text-transform: uppercase; font-family: sans-serif; Transformations Modifies the position, rotation, scale, or skew of an element in 2D or 3D space. transform: rotate(45deg);  or  transform: scale(1.1); Transitions Creates smooth, animated changes to CSS ...

1.10 IMAGE HTML images   provide visual content for web pages, enhancing user experiences and conveying information. They can be photographs, graphics, icons, or illustrations. HTML offers various elements for embedding, manipulating, and controlling images, contributing to the aesthetics and functionality of websites. Understanding image tags, attributes, and responsive design principles is essential for effective web development. HTML Image Syntax The following is the basic syntax for HTML images: < img src = " image_path " alt = " Alternate text for the image " width = " 200px " height = " 150px " /> Here, src : The  src  attribute defines the path of the image (image URL). alt : The  alt  attribute defines the alternate text; if there is a broken link to the image path, the alternate text displays on the webpage. width and height : The  width  and  height  attribute define the height and width for the image. Insert Image You c...

1.9 LISTS An HTML List allows you to organize data on web pages into an ordered or unordered format to make the information easier to read and visually appealing. HTML Lists are very helpful for creating structured, accessible content in web development. HTML lists organize content using tags like <ul>, <ol> & <li>. They improve readability by presenting data in a structured format. Html Tags HTML (HyperText Markup Language) uses tags to define and structure elements on a webpage. Each tag tells the browser how to display the content - such as text, images, links, or layouts. Tag Description <ul> Defines an unordered list. <ol> Defines an ordered list. <li> Defines a list item. <dl> Defines a description list. <dt> Defines a term in a description list. <dd> Details the term in a description list. Types of HTML Lists There are three main types of lists in HTML 1. Unordered List or Bulleted List Unordered lists are ideal for scena...