Genius Hour (1)

Know
I am using webstorm and dreamwaver for coding.
I know that those app are called IDE(Integrated Design Environment)
HTML(Hyper Text Markup Language) is a standard markup language for creating Web pages.
It's standard format is:
<! DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h1></h1>
<p></p>
</body>
</html>
What I want to learn?
I want to understand the structure of the HTML. 
The concept that how it can be combined with CSS and JS.
Today I would like to study about the HTML image.


what did I learn? https://www.w3schools.com/html/

Chapter Summary


  • Use the HTML <img> element to define an image
  • Use the HTML src attribute to define the URL of the image
  • Use the HTML alt attribute to define an alternate text for an image, if it cannot be displayed
  • Use the HTML width and height attributes to define the size of the image
  • Use the CSS width and height properties to define the size of the image (alternatively)
  • Use the CSS float property to let the image float
  • Use the HTML <map> element to define an image-map
  • Use the HTML <area> element to define the clickable areas in the image-map
  • Use the HTML <img>'s element usemap attribute to point to an image-map
  • Use the HTML <picture> element to show different images for different devices





Comments

Post a Comment

Popular posts from this blog

Genies Hour (10) CSS - Multiple Backgrounds Know CSS  Multiple Backgrounds  Properties background-size background-origin background-clip                                                             What I have learned? Property Description background A shorthand property for setting all the background properties in one declaration background-clip Specifies the painting area of the background background-image Specifies one or more background images for an element background-origin Specifies where the background image(s) is/are positioned background-size Specifies the size of the background image(s)                  What problem do I foresee happening? It is still quiet hard for me to remember the mixed form of background. background:color url()...
Read more
Genies Hour (2) HTML- Iframe ,block Know The <iframe> creates an inline frame, which embeds an independent HTML document into the current document. <div>A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). What I have learned? Block level elements in HTML: < address > < article > < aside > < blockquote > < canvas > < dd > < div > < dl > < dt > < fieldset > < figcaption > < figure > < footer > < form > < h1 > - < h6 > < header > < hr > < li > < main > < nav > < noscript > < ol > < output > < p > < pre > < section > < table > < tfoot > < ul > < video >
Read more