ICT Quiz Bee

Cards (69)

  • HTML tags

    Keywords (tag names) surrounded by angle brackets like <html>
  • HTML tags
    • Normally come in pairs like <body> and </body>
    • The first tag in a pair is the start tag, the second tag is the end tag
    • The end tag is written like the start tag, with a slash (/) before the tag name
  • Start and end tags

    Also called opening and closing tags
  • Element content
    Everything inserted between the start and end tags
  • Some HTML tags
    • Have empty content (ex. <br /> or <hr />)
    • Empty tags are closed in the start tag (ex. <br />)
  • <!DOCTYPE html> declaration
    Specifies the version of HTML used (HTML5 in our case)
  • <html> and </html> elements
    • Are the root elements of an HTML page
    • Indicate the start and the end of the HTML document
    • Written after the <!DOCTYPE> declaration
  • <head> and </head> elements

    • Contain all information about the html document
    • Written inside the <html> and </html> tags
  • <title> and </title> elements

    • Specify the title of the document
    • Written inside the <head> and the </head> tags
  • <body> and </body> elements
    • Contain all the visible content within the web page
    • Written after the <head> and </head> tags inside the <html> and </html> tags
  • Writing and Saving an HTML File
    1. Open a Text Editor (Notepad++)
    2. Save the file as .html
    3. Write your HTML codes
    4. Double click on the saved file, and it will be opened in your default browser
  • <br /> or the line-break tag

    Used to direct the browser to move the content to the start of a new line
  • <p> and </p> or paragraph tags
    • Define a paragraph in HTML
    • Browser places the start of each paragraph on a new line and separates each paragraph with a space
  • Heading tag
    • Defines a heading for a specific section in a web page
    • Size of the heading can be adjusted by using the different heading tags, <h1> to <h6>
    • <h1> will provide the largest heading size and <h6> will provide the smallest heading size
  • <i> and </i> or italic tags

    Used to display specific text using an italic font
  • <hr /> or the horizontal rule tag
    Used to insert a horizontal line in the web page
  • Many people use the terms Internet and the World Wide Web interchangeably, but in fact, the two terms are not synonymous. The Internet and the Web are two separate but related things.
  • The Internet is a massive network of networks, a networking infrastructure. It connects millions of computers together globally, forming a network in which any computer can communicate with other computers as long as they are both connected to the internet. Information can travel via the internet via a variety of languages called "Protocols".
  • The World Wide Web or simply "Web", is a way of accessing information over the medium of the internet. It is an information-sharing model that is built on top of the internet. The Web uses the HTTP protocol, only one of the languages spoken over the internet, to transmit data.
  • HTML Lists
    There are 2 kinds of lists in HTML: unordered or bulleted lists and ordered or numbered lists
  • Creating unordered lists
    Use the <ul> and </ul> tags
  • Creating ordered lists
    Use the <ol> and </ol> tags
  • Adding list items
    Use the <li> and </li> tags
  • Unordered lists

    • List items don't need to be in a particular order
  • list-style-type property

    Defines the style of the list item marker in unordered lists
  • list-style-type values
    • disc
    • circle
    • square
    • none
  • Ordered lists
    • Useful for presenting a series of steps that the user should perform in order
  • type attribute
    Defines the list item marker in ordered lists
  • start attribute
    Allows you to start counting from a specified number in an ordered list
  • HTML also supports description lists
  • Description list
    A list of terms, with a description of each term
  • Creating description lists
    Use the <dl> and </dl> tags for the list, <dt> and </dt> tags for the term, and <dd> and </dd> tags for the description
  • HTTP stands for HyperText Transfer Protocol. This is the language used to transfer files between your browser and the server where the website resides.
  • Unordered List
    • also called a bulleted list
    • a list of items, normally preceded by a circular bullet that appear in no particular order
  • Ordered List
    • also called a numbered list
    • a list of items that appear in alphabetical or numerical order
  • Description List
    • a list of terms and their meanings
  • HTML Images
    In HTML, images are defined using <img> tag. The <img> tag is empty, it contains attributes only, and does not have a closing tag. The src attribute specifies the URL (web address) of the image. It is important to take note of the file type of the image. (.jpg, .png, .gif)
  • alt attribute
    The alt attribute provides an alternate text for an image, if the user for some reason cannot view it. The value of the alt attribute should describe the image.
  • CSS width and height property
    • We can use the style attribute to specify the width and height of an image. Resizing is ideal for large-sized images. Checking the actual size of the images is important when resizing to determine the new image size ratio.
  • CSS border property
    • The CSS border property allows users to specify the style, width and color of an element's border.