HTML

Cards (18)

  • HTML
    HyperText Markup Language, the language used to create and structure the content of a website
  • HTML
    • Uses tags to define different elements and their properties
    • Helps structure and organize content on a webpage
  • HTML tag
    • <h1>This is a heading</h1>
  • CSS
    Cascading Style Sheets, the language used to style and format the appearance of a website
  • CSS
    • Defines how HTML elements should be displayed
    • Can change colors, fonts, layouts, and more
  • CSS rule
    • h1 { color: blue; }
  • JavaScript
    Programming language used to add interactivity and functionality to a website
  • JavaScript
    • Can manipulate HTML and CSS, handle events, and perform calculations
    • Allows for dynamic content and user interactions
  • JavaScript code
    • document.getElementById("myButton").addEventListener("click", function() { alert("Button clicked!"); });
  • HTML is used for creating the structure and content of a webpage
  • CSS is used for styling and formatting the appearance of a webpage
  • JavaScript is used for adding interactivity and functionality to a webpage
  • HTML and CSS are static, while JavaScript allows for dynamic content and user interactions
  • HTML and CSS are primarily used for website structure and design, while JavaScript is used for adding functionality and behavior
  • HTML, CSS, and JavaScript form the foundation of modern web development
    • <!DOCTYPE html> declares the document type as HTML5.
    • The <html> element is the root element of an HTML page.
    • The <head> element contains meta-information about the document, such as the title displayed in the browser's title bar.
    • The <title> element sets the title of the web page.
    • The <body> element contains the visible content of the web page.
    • The <h1> element defines a heading, and the <p> element defines a paragraph.
  • To create a hyperlink that opens in a new tab when clicked, use the target attribute with "_blank" value.
  • In CSS, the "display: none;" property hides an element completely, while "visibility: hidden;" only makes it invisible but still takes up space on the page.