content of objects within a page. • Eg: <h1>,<a>, <div>, <span>, <strong>, and <em> • Elements are identified by the use of less-than and greater-than angle brackets, < >, surrounding the element name. Thus, an element will look like the following:
opening tag marks the beginning of an element. Consists less-than sign followed by an element’s name, ends with greater-than sign; for example, <div>. • A closing tag marks the end of an element. Consists less-than sign followed by forward slash and element’s name, ends with greater-than sign; for example, </div>.
about an element. • Attributes are defined within opening tag, after element’s name. • Generally attributes include a name and a value. • For example, an <a> element including an href attribute would look like the following:
plain text documents saved with an .html file extension. • Content from text editor. • All HTML documents have a required structure that includes the following declaration and elements: <!DOCTYPE html>, <html>, <head>, and <body>. • Document type declaration, or <!DOCTYPE html> tells the version to the browser.
• May include a combination of different qualifiers to select unique elements • Selectors generally target an attribute value, such as an id or class value, or target the type of element, such as <h1> or <p>. • The selector here is targeting all <p> elements.
names fall after a selector, within the curly brackets, {}, and immediately preceding a colon, :. • EG: background, color, font-size, height width and many more.
element based on the element’s class attribute value. • Selects particular group of elements element of one type. • Allows us to add same styles to different elements at once. • Within CSS, classes are denoted by a leading period, .followed by the class attribute value.
acquainted with HTML elements, tags, and attributes • Setting up the structure of your first web page. • Getting acquainted with CSS selectors, properties, and values • Working with CSS selectors • Referencing CSS in your HTML • The value of CSS resets