Web Design Unit 2: Intro to HTML
12 Questions
2 Views

Choose a study mode

Play Quiz
Study Flashcards
Spaced Repetition
Chat to lesson

Podcast

Play an AI-generated podcast conversation about this lesson

Questions and Answers

What is the primary purpose of an HTML tag?

  • To add visual styles to a webpage
  • To add interactivity to a webpage
  • To define the structure and content of a webpage (correct)
  • To provide metadata about a webpage

    • What is the purpose of the h1 to h6 tags in HTML?

  • To add bold text styles
  • To create horizontal rules
  • To define headings of varying sizes (correct)
  • To define paragraphs of text

    • What is the purpose of an attribute in HTML?

  • To provide additional information about an HTML element (correct)
  • To create a hyperlink
  • To define the structure of an HTML document
  • To add visual styles to an HTML element

    • What is the purpose of indenting in HTML?

    <p>To make the HTML code more readable</p> Signup and view all the answers

    What are the 5 necessary tags needed to create every HTML document?

    <p>html, head, title, body, meta</p> Signup and view all the answers

    What is the purpose of the alt attribute in an image tag?

    <p>To provide a text description of the image</p> Signup and view all the answers

    What is the purpose of the alternate attribute in an image tag?

    <p>To provide a text description of the image</p> Signup and view all the answers

    What is the main difference between an unordered list and an ordered list?

    <p>The order of items in the list</p> Signup and view all the answers

    Which tag does every item in a list need to be wrapped in?

    Signup and view all the answers

    Which tag contains all the information for the whole table?

    Signup and view all the answers

    In which tag are table headers typically located?

    Signup and view all the answers

    How do you add a border to a table?

    <p>Using the 'border' attribute with a value of '1'</p> Signup and view all the answers

    Study Notes

    Web Design Fundamentals

    • A web designer is responsible for the visual aspects of a website, such as layout, colors, and graphics.
    • A web developer builds the website's structure and functionality using coding languages.

    HTML Basics

    • HTML stands for HyperText Markup Language.
    • HTML is used for creating structured content on the web.
    • The purpose of an HTML tag is to define the structure and content of a web page.
    • HTML tags are formatted with an opening tag (<>) and a closing tag (>).

    Structure of an HTML Page

    • The 5 necessary tags needed to create every HTML document are:
      • `` (defines the document type)
      • `` (root element)
      • `` (contains metadata)
      • `` (contains the page's content)
      • `` (closing tag)
    • The `` tag contains metadata, which is not visible on the page.
    • The `` tag contains the page's content, which is visible on the page.
    • Tags can be nested inside other tags.
    • Indenting is used to make the code readable and is not necessary.

    Formatting Text

    • HTML tags for formatting text include:
      • h1 to h6 (headings)
      • p (paragraph)
      • em (emphasized text)
      • b (bold text)
      • hr (horizontal rule)
      • br (line break)
    • h1 is larger than h6.
    • An attribute is used to provide additional information about an element.
    • An attribute is formatted with a name and value, separated by an equals sign.
    • An a tag needs three lines of code:
      • The opening tag with the attribute href (link URL)
      • The link text
      • The closing tag

    Images

    • The 4 attributes for an image tag are:
      • src (source URL)
      • width (image width)
      • height (image height)
      • alt (alternate text)
    • To scale an image to keep its original ratio, set the width or height attribute, and the other attribute will adjust accordingly.

    HTML Lists

    • The difference between an unordered list and an ordered list is that an unordered list uses bullet points, while an ordered list uses numbers.
    • The li tag is used to wrap each item in a list.
    • The proper structure for a nested list is:
      • ul or ol (unordered or ordered list)
      • li (list item)
      • ul or ol (nested list)

    HTML Tables

    • The table tag contains all the information for the whole table.
    • Table headers are inside the th tag.
    • Table data tags are inside the td tag.
    • The tr tag typically contains the table headers.
    • Table data is coded by row.
    • To add a border to a table, use the border attribute with a value (e.g. border="1").

    Studying That Suits You

    Use AI to generate personalized quizzes and flashcards to suit your learning preferences.

    Quiz Team

    Description

    Study guide for Unit 2 of Web Design, covering terms like Web Designer, Web Developer, HTML, and Metadata. Intro to HTML, its purpose, and uses.

    More Like This

    Use Quizgecko on...
    Browser
    Open
    Browser
    Browser