HTML CONCEPTS

HTML CONCEPTS

1. HyperText Markup Language

   • H: links
   • M: give format to row text
   • head
     • information that isn't displayed directly
       • title
         • It is displayed in the browsers' tabs
         • <title>
       • Boilerplate code
         • Describe the basic HTML code required to begin creating a web page.
   • body
     • content that a browser will display
       • Many different types of content can be added within the body, like text, images, buttons, and much more.
       • header
         • <h1>
           • used for main headings, all other smaller headings are used for subheadings.
         • <h2>
         • <h6>
         • ...
       • paragraph
         • <p>
       • link
         • <a>
           • Attributes provide even more information about an element's content. They live directly inside of the opening tag of an element. Attributes are made up of the following two parts: a)&nbsp;The&nbsp;name&nbsp;of the attribute. b) The&nbsp;value&nbsp;of the attribute. HTML allows you to turn nearly any element into a link by wrapping that element with an anchor element. With this technique, it's possible to turn images into links by simply wrapping the&nbsp;&nbsp;element with an&nbsp;element.
           • target
             • The&nbsp;target&nbsp;attribute specifies that a link should open in a new window. For a link to open in a new window, the&nbsp;target attribute requires a value of&nbsp;_blank. The&nbsp;target&nbsp;attribute can be added directly to the opening tag of the anchor element, just like the&nbsp;href&nbsp;attribute. &lt;a href="https://en.wikipedia.org/wiki/Brown_bear" target="_blank"&gt;The Brown Bear&lt;/a&gt;
           • href
             • href is an attribute. For anchor elements, the name of the attribute is&nbsp;href&nbsp;and its value must be set to the URL of the page you'd like the user to visit. &lt;a href="https://www.wikipedia.org/"&gt;This Is A Link To Wikipedia&lt;/a&gt;
       • list
         • <ul>
           • unordered list (points)
         • <ol>
           • ordered list (numbers)
       • list's elements
         • Individual list items must be added to the unordered/ordered list using the&nbsp;&lt;li&gt;&nbsp;element.
         • <li>
       • comments
         • &nbsp;&lt;!-- A section that describes the brown bear --&gt;
         • <!-- this is a comment -->
       • image
         • <img>
           • The&nbsp;&lt;img&gt;&nbsp;element lets you add images to a web page. This element is special because it does not have a closing tag, it only has an opening tag. This is because the&nbsp;&lt;img&gt;&nbsp;element is a&nbsp;self-closing&nbsp;element. &lt;img src="https://www.example.com/picture.jpg"/&gt;
           • src
             • &lt;img&gt;&nbsp;element requires an attribute called&nbsp;src, which is similar to the&nbsp;href attribute in links. In this case, the value of&nbsp;src must be the URL of the image.&nbsp;
           • alt
             • HTML helps support visually impaired users with the&nbsp;alt&nbsp;attribute.&nbsp;The value of&nbsp;alt&nbsp;should be a description of the image. &lt;img src="#" alt="A field of yellow sunflowers"/&gt;

Images and files in the map