in html

avatar
Created by
DeafeningCrackers25344

Cards (46)

    • HTML stands for Hyper Text Markup Language
    • The <!DOCTYPE html> declaration defines that this document is an HTML5 document
  • The <html lang="en"> tag specifies the language used on the page, which can be useful for search engines to understand what your content means.
  • The <head> tag contains information about the webpage such as title, meta data, stylesheets, scripts etc.
  • The <title> tag sets the title of the webpage displayed at the top of the browser window or tab
    • The <body> element defines the document's body, and is a container for all the visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
    • The <h1> element defines a large heading
    • The <p> element defines a paragraph
  • The <a> element creates a link
  • The <img> element displays an image
  • The <ul> element creates an unordered list (bullet points)
  • The <li> element defines a list item
  • The <ol> element represents an ordered list (numbered items)
  • The <table> element creates a table
  • The <dl> element creates a definition list
  • The <dt> element defines the term being defined
  • The <caption> element specifies a caption for the table
  • The <dd> element contains the description or explanation of the term
  • The <th> element is used to define column headers within a table
  • <body> section will be displayed in a browser
  • The content inside the <title> element will be shown in the browser's title bar or in the page's tab.
  • All HTML documents must start with a document type declaration: <!DOCTYPE html>
  • The visible part of the HTML document is between <body> and </body>
  •  <!DOCTYPE> declaration is not case sensitive.
  • Attributes are used to provide additional information about HTML elements.
  • The source file (src), alternative text (alt), width, and height are provided as attributes
  • The HTML element is everything from the start tag to the end tag
  • HTML elements can be nested 
  • HTML elements can be nested 
  • HTML elements can be nested means

    elements can contain other elements
  • All HTML elements can have attributes
    • Attributes provide additional information about elements
    • Attributes are always specified in the start tag
  • the src attribute specifies the path to the image to be displayed
  • . Absolute URL - Links to an external image that is hosted on another website
  • Relative URL - Links to an image that is hosted within the website.  
  • It is almost always best to use relative URLs. They will not break if you change domain.
  • Relative URL - Links to an image that is:
    hosted within the website.
  • CSS height and width Values
    The height and width properties may have the following values:
    • auto - This is default. The browser calculates the height and width
    • length - Defines the height/width in px, cm, etc.
    • % - Defines the height/width in percent of the containing block
    • initial - Sets the height/width to its default value
    • inherit - The height/width will be inherited from its parent value
  • If you for some reason use both the width property and the max-width property on the same element, and the value of the width property is larger than the max-width property; the max-width property will be used (and the width property will be ignored)