Skip to main content

Home/ Groups/ Learning Library
Sunny Jackson

Introduction to HTML - 0 views

  • <!DOCTYPE html> <html> <body>
  • <tagname>content</tagname>
  • <h1>This a heading</h1>
    • Sunny Jackson
       
      The end tag is written like the start tag, with a forward slash before the tag name
    • Sunny Jackson
       
      an HTML element is everything between the start tag and the end tag, including the tags
  • ...7 more annotations...
  • <body>
  • <html>
  • <p>This is a paragraph.</p>
  • <p>This is another paragraph.</p>
  • </body>
  • </html>
  • The <!DOCTYPE> declaration helps the browser to display a web page correctly.
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
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

CSS Tutorial - 0 views

« First ‹ Previous 421 - 440 of 737 Next › Last »
Showing 20 items per page