What is a .png file Portable Network Graphics (PNG) provides transparent backgroundTECHOPEDIA
What is a .gif - graphics interchange format An animated GIF is an image encoded in graphics interchange format (GIF),which contains a number of images or frames in a single file and is described by its own graphic control extension. TECHOPEDIA
What is an .svg file- scalable vector graphic - Scalable vector graphics (SVG) is a text-based graphics language that illustrates images with text, vector shapes and embedded raster graphics. TECHOPEDIA
What is a .jpg file- The acronym JPEG is much more commonly recognized as a file extension for image files, representing the standard set by the international JPEG commission. TECHOPEDIA
What is a raster file- Raster graphics, also called bitmap graphics, are digital images that are composed of tiny rectangular pixels. PNG, JPG and GIF are all raster file types. TECHOPEDIA
What is a vector file - A vector graphic is a type of image. Vector images are graphical representations of mathematical objects such as lines, curves and polygons. TECHOPEDIA
What is a URL - uniform resource locator
WebP - WebP (Web Picture Format) was developed by Google as a replacement for the GIF, JPEG, and PNG formats. Offering lossy and lossless compression as well as animation support, it claims to be a jack of all trades in the image file format game. The format boasts smaller file sizes compared to its predecessors. As of July 2022, WebP is supported by browsers that represent 97% of global users. Improved compression and smaller file sizes come with a trade-off. It is often criticised that the visual quality loss is higher in WebP than other formats after being compressed
We talk more about images in a LAB -- but just know there are many IMAGE TYPES
<img> tag defines an area where an image file is located.
<img src="URL"> The src attributes points to a location where an image is located.
<img title="description"> The “title” attribute allows for a description of an image file
<img alt="description"> The “alt” Important for accessibility
<img style ="height:100px"> The “height” attribute allows you to change the height of an element.
<img style ="width:100px"> The “width” CSS attribute allows you to configure the width of an element.
Lesson 2 Instructions:
For this assignment, You will create a basic one page html file
You will create code for four heading tags (h1 or h2) to use as labels for each image element you create.
You will create four image tags using a gif, a .svg, a jpg and a .png file provided to you.
You will also create four paragraph tags.
You will use these paragraph tags to define the file type. As you provide definitions of the file types use this article as a resource. As you provide proper attribute to each image use the creative commons site as a guide https://creativecommons.org/.
Each picture will need to be sized appropriately and given a descriptive title using the title will need to include the alt reference in addition to height and width and with attribute. The descriptions of each photos are found as you define vocab.
be sure to reference new parts of code and key terms with sources. Not only define new parts of code and key terms but also understand each concept. These will be important on our pre and post tests
My Self Reflection - 1 paragraph please. How did you do on this assignment?
LaMarche Feedback