//it is always key to know HTML Element- these are components that define the the objects EXAMPLES inlcude (paragraphs, links) Tags - they instruct your browser what element it is going to bring. //example of tag- always include the foward slash.

This is a paragraph

//VOID Elements These things do not wrap around content because they are considered content. There are only 16 void element that exist.

//DOM-Document Object Model //Example of HTML/CSS

<p>Paragraph - Lorem ipsum dolor sit amet, <a href="#">link</a>! Consectetur adipisicing elit. Nisi voluptatem dignissimos non totam id, cum doloribus minima illum sequi provident similique ipsam porro ducimus animi nemo ipsum corporis aliquid culpa.</p>
<p>Paragraph - Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi voluptatem dignissimos <a href="#">another link</a>! Non totam id, cum doloribus minima illum sequi provident similique ipsam porro ducimus animi nemo ipsum corporis aliquid culpa.</p>

note that lorem is actually just a filler.

• unordered list
• unordered list
• unordered list

<ol>
    <li>ordered list</li>
    <li>ordered list</li>
    <li>ordered list</li>
</ol>

//Warming up with different sytles in CSS

/* missing class */
  {
  color: red;
}

.picture { border-radius: 5px; }

.description { font-style: italic; text-align: center; } </style>

Chicken Clay Pot

Crispy rice baked in clay pot topped with chicken and vegetables