Skip to main content

Home/ Learning Library/ Contents contributed and discussions participated by Sunny Jackson

Contents contributed and discussions participated by Sunny Jackson

Sunny Jackson

CSS Tutorial - 0 views

Sunny Jackson

HTML Styles - 0 views

  • margin-left:
  • color:
  • <!DOCTYPE html> <html>
  • ...16 more annotations...
  • <body style=
  • <p style=
  • background-color:
  • </body> </html>
  • font-family:
  • <h1 style=
  • font-size:
  • text-align:
  • Internal styles are defined in the <head> section of an HTML page, by using the <style> tag
  • <head> <style type="text/css">
  • body {
  • ;} </style> </head>
  • With an external style sheet, you can change the look of an entire Web site by changing one file
  • An external style sheet is ideal when the style is applied to many pages
  • Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the <head> section
  • <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Sunny Jackson

HTML Images - 0 views

  • The <img> tag is empty, which means that it contains attributes only, and has no closing tag.
  • To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display.
  • <img src="url" alt="some_text">
    • Sunny Jackson
       
      The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.
    • Sunny Jackson
       
      The URL points to the location where the image is stored.
  • ...10 more annotations...
  • The browser displays the image where the <img> tag occurs in the document. If you put an image tag between two paragraphs, the browser shows the first paragraph, then the image, and then the second paragraph.
  • The height and width attributes are used to specify the height and width of an image.
  • The attribute values are specified in pixels
  • alt="
  • height="
  • <img src="
  • width="
  • It is a good practice to specify both the height and width attributes for an image. If these attributes are set, the space required for the image is reserved when the page is loaded.
  • without these attributes, the browser does not know the size of the image. The effect will be that the page layout will change during loading
  • Loading images takes time
« First ‹ Previous 421 - 440 of 729 Next › Last »
Showing 20 items per page