trying out microcrontroller lesson 2

avatar
Created by
SolidKangaroo61651

Cards (59)

  • HTML
    Hypertext Markup Language
  • HTML file is a text file containing small markup tags
  • Markup tags
    Tell the Web browser how to display the page
  • HTML files have .htm or .html file extension
  • WYSIWYG
    What You See If What You Get (editor)
  • Creating an HTML page
    1. First tag is <html>
    2. Then <head> tag with <title>
    3. Then <body> tag with content
  • HTML tags
    • Used to mark-up HTML elements
    • Surrounded by angle brackets < and >
    • Usually come in pairs
  • Some HTML tags don't need a pair (br, p, img, hr)
  • Tag attributes
    • Provide additional information about the HTML elements
    • Come in name/value pairs like name="value"
  • Heading tags
    • <h1>
    • <h2>
    • <h3>
    • <h4>
    • <h5>
    • <h6>
  • Heading alignment
    Can be set to left (default), right, or center
  • Paragraph tag
    <p> defines a paragraph
  • Line break tag
    forces a line break
  • Comment tag
    <!-- This is a comment -->
  • Horizontal rule tag
    <hr> inserts a horizontal rule
  • Text formatting tags

  • HTML entities
    Special characters that need to be represented with a code like &lt; for <
  • Anchor tag
    • <a href="url">link text</a>
    • Can link to another website or a section on the same page
  • Email link
    <a href="mailto:email@example.com">email@example.com</a>
  • Unordered list tags
    • <ul><li>item</li></ul>
  • Ordered list tags
    • <ol><li>item</li></ol>
  • Image tag
    <img src="image.jpg">
  • Text styling
    Can be changed using CSS styles like font-family, color, size, weight
  • Table tags
    • <table><tr><td>cell</td></tr></table>
    • Can use colspan and rowspan to merge cells
  • Table styling
    Can set background color, border, padding etc using CSS
  • Body tag
    Can set background color or image, and default text color
  • HTML allows centering of text, images and tables
  • HTML colors
    Defined using hexadecimal RGB values from #00 to #FF
  • body tag
    Allows you to specify a background color or a background image
  • body tag
    Allows you to specify the default text color
  • Centering Text, Image and Table
    Allows you to position any HTML element in the center of the window
  • Colors are displayed combining RED, GREEN, and BLUE light sources
  • Colors defined using hexadecimal notation
    Combination of Red, Green, and Blue color values (RGB), each ranging from #00 (lowest) to #FF (highest)
  • Summary of tags learnt so far
    • html
    • head
    • title
    • body
    • p
    • br
    • b
    • i
    • u
    • s
    • img
    • ol
    • ul
    • li
    • a
    • table
    • tr
    • td
    • nbsp
    • lt
    • gt
    • hr
    • !--Comment --
    • style="color: xxx"
    • style="text-align: xxx"
    • style="background-color: xxx"
    • style="background-image: url(xxx)"
    • style="display: block; margin-left: auto; margin-right: auto"
    • style="margin-left: auto; margin-right: auto"
  • Form
    An area that can contain form elements
  • Form elements
    Elements that allow the user to enter information (like text fields, textarea fields, drop-down menus, radio buttons, checkboxes, etc.) in a form
  • form tag
    Encloses form elements and other HTML elements, specifies where the data is sent and the method (get or post)
  • input tag
    Defines the field types and the names of the variables, allows the visitor to enter information or to select choices
  • Input Types
    • text
    • radio
    • checkbox
    • password
    • submit
    • reset
    • button
    • hidden
  • Radio buttons belonging to the same group must have the same name