HTML for Beginners freeCodeCamp

Cards (500)

  • What does HTML stand for?
    Hypertext Markup Language
  • What is the primary function of HTML?
    Defines meaning and structure of web content
  • What does hypertext refer to in HTML?
    Links connecting web pages
  • What is the first tool needed to create a web page?
    A web browser
  • Which web browser does Dave Gray recommend for the tutorials?
    Google Chrome
  • Where can you download Google Chrome?
    google.com/chrome
  • What does the Dark New Tab extension do?
    Changes new tab to dark mode
  • What is the preferred code editor mentioned?
    Visual Studio Code
  • Where can you download Visual Studio Code?
    code.visualstudio.com
  • What file name is expected to launch a website?
    index.html
  • What naming convention should be followed for HTML files?
    Lowercase, no spaces
  • What are the two main areas of an HTML page?
    Head and body
  • What tag is used to create the head section?
    head
  • What is placed inside the head section?
    Metadata about the page
  • What tag is used to create the body section?

    body
  • What is the purpose of the title element?
    Defines the title of the web page
  • What is the traditional first text in programming?
    Hello world
  • What does the paragraph element start and end with?
    The letter p
  • What is the shortcut to save a document in Visual Studio Code?
    Control + S
  • What does the Prettier extension do?
    Formats code automatically
  • What is the purpose of the live server extension?
    Helps view web pages live
  • How do you open a web page with live server?
    Right-click and select open with live server
  • What does the W3C markup validation service do?
    Checks for errors in HTML code
  • What does W3C stand for?
    World Wide Web Consortium
  • What is the first step to validate a web page?
    Click file upload
  • What file do you upload to validate your HTML?
    index.html
  • What are the main components of an HTML document structure?
    • HTML element
    • Head element
    • Body element
    • Title element
    • Metadata
  • What are the steps to create a basic HTML page?
    1. Open Visual Studio Code
    2. Create a new folder
    3. Create an index.html file
    4. Add HTML, head, and body tags
    5. Insert title and content
    6. Save and view with live server
  • What are the optional extensions mentioned for Visual Studio Code?
    • Prettier (code formatter)
    • VS Code Icons (file icons)
    • GitHub Theme (dark mode)
  • What is the significance of using a development server?
    • Allows live viewing of changes
    • Prevents errors from direct file opening
    • Creates a local server environment
  • What service is used to validate web pages?
    W3C markup validation service
  • How do you check a web page for errors?
    By using the W3C validation service
  • What should you do if your web page is on your computer?
    Click file upload to check it
  • What is the first warning from the validation service?
    Add a lang attribute to the HTML tag
  • What value should the lang attribute be set to for English?
    en
  • What does the character encoding specify?
    How characters are represented in the document
  • What character set is commonly used in web pages?
    UTF-8
  • What is a doc type declaration?
    A declaration that specifies the HTML version
  • Where should the doc type declaration be placed?
    At the very top of the HTML file
  • What does the validation service indicate after checking the page?
    No errors or warnings