UNIT I WEBSITE BASICS, HTML 5, CSS 3, WEB 2.0

-

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 Images

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 can insert (embed) an image on the webpage using the <img> tag with the src attribute, which is a required attribute to define the image path.

Note: The <img> tag is an empty tag, which means that it can contain only a list of attributes and has no closing tag.

Syntax

Use the following syntax to insert an image using the <img> t

Comments

Post a Comment

Popular posts from this blog

CS3492 Database Management Systems Syllabus

-
UNIT I RELATIONAL DATABASES  Purpose of Database System – Views of data – Data Models – Database System Architecture – Introduction to relational databases – Relational Model – Keys – Relational Algebra – SQL fundamentals – Advanced SQL features – Embedded SQL– Dynamic SQL UNIT II DATABASE DESIGN Entity-Relationship model – E-R Diagrams – Enhanced-ER Model – ER-to-Relational Mapping – Functional Dependencies – Non-loss Decomposition – First, Second, Third Normal Forms, Dependency Preservation – Boyce/Codd Normal Form – Multi-valued Dependencies and Fourth Normal Form – Join Dependencies and Fifth Normal Form UNIT III TRANSACTIONS Transaction Concepts – ACID Properties – Schedules – Serializability – Transaction support in SQL – Need for Concurrency – Concurrency control – Two Phase Locking - Timestamp – Multiversion – Validation and Snapshot isolation – Multiple Granularity locking – Deadlock Handling – Recovery Concepts – Recovery based on deferred and immed...
Read more

UNIT I RELATIONAL DATABASES

-
Image
 1.7 Keys In the context of a relational database, keys are one of the basic requirements of a relational database model. Keys are fundamental components that ensure data integrity, uniqueness and efficient access. It is widely used to identify the tuples(rows) uniquely in the table. We also use keys to set up relations amongst various columns and tables of a relational database. Keys in DBMS Why do we require Keys in a DBMS? Keys are important in a Database Management System (DBMS) for several reasons: Uniqueness: Keys ensure that each record in a table is unique and can be identified distinctly. Data Integrity: Keys prevent data duplication and maintain the consistency of the data. Efficient Data Retrieval: By defining relationships between tables, keys enable faster querying and better data organization. Without keys, it would be extremely difficult to manage large datasets and queries would become inefficient and prone to errors. Types of Database Keys 1. Super Key The set of o...
Read more

UNIT I WEBSITE BASICS, HTML 5, CSS 3, WEB 2.0

-
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 ...
Read more