HTML - Document Body
This video is part of a playlist covering how to get a web development job and basic coding skills. The full playlist can be found here: • How To Get A Web Development Job
-------------------------------------------------------------------
Lesson Description:
We learn about the body of our HTML document, the "body" element, and the theory behind it. We practice some of the most common HTML elements that are used in the body of our HTML document.
Terminology:
"body" Element - A required element for any HTML document. It must be the second child of the "html" element, which also makes it a sibling of the "head" element. It contains all of the content of our webpage viewable by our webpage visitors.
"h1" - "h6" Elements - The heading elements. Represent 6 levels of section headings, with h1 being the most important and h6 being the least important.
"p" Element - The paragraph element. Represents a paragraph of text or can be used for structural grouping of other types of related content such as images.
"div" Element - The division element. A generic container with no default styling.
"span" Element - The content span element. A generic container. Multiple spans will stack side-by-side because they have a CSS property set to do so by default. We'll cover this property in a later lesson.
"ul" Element - The unordered list element. Works together with nested "li" elements to make a list of text with bullet points by default.
"ol" Element - The ordered list element. Works together with nested "li" elements to make a list of text with prefixed numbers by default, starting at 1 and increasing as more nested "li" elements are added.
"li" Element - The list item element. Represents an item in a list and must be contained in a parent element, either a "ol", "ul", or "menu" element.
"nav" Element - The navigation section element. Represents a section of the page whose purpose is to provide navigation links.
"header" Element - The header element. Represents introductory content to a page, typically some heading elements and/or a logo. Not to be confused with the "head" element, which contains metadata about our webpage.
"main" Element - The main element. Represents the dominant content of the body of a webpage.
"footer" Element - The footer element. Typically contains information about the author or webpage owner.
"i" Element - The idiomatic text element. Represents a range of text that is set off from the normal text for some reason. Typically this would be idiomatic text, technical terms, taxonomical designations, among others. Historically these were represented by italicized type, which is why the default style for this element makes any text content italicized.
"em" Element - The emphasis element. Marks any text that has stress emphasis. Similarly to the "i" element, the default style for this element makes any text content italicized.
"b" Element - The Bring Attention To element. This was formerly known as the Boldface element. Use this element to draw the reader's attention to the element's contents, which are not otherwise granted special importance. The default style for this element in most browsers creates bold text.
"strong" Element - The strong element. Represents content that has strong importance, seriousness, or urgency. The default style for this element in most browsers creates bold text.
"u" Element - The unarticulated annotation element. Formerly known as the underline element. This element represents text that should be rendered in a way that indicated that it has non-textual annotation. An example of non-textual annotation would be the underlining of a misspelled word. The default style for this element in most browsers creates underlined text.
"code" Element - The code element. Represents a short fragment of computer code. By default, any content inside this element is displayed in a monospace font.
"a" Element - The anchor element. This element, in combination with its href attribute, creates a hyperlink to other webpages, files, etc.
"img" Element - The image element. This element, in combination with its src attribute, is used for embedding an image into a document. Note: This is a void element.
Resources:
https://developer.mozilla.org/en-US/d...
-------------------------------------------------------------------
THE GET A WEB DEV JOB COURSE:
You're in learn2code hell. We're gonna get you out.
You will go from ZERO to a $120,000+ skill set.
We'll learn web development together - from HTML and CSS (baby's first code) through React, GraphQL, Docker, and Kubernetes (big boy stuff worth $120,000+).
We'll also cover HOW TO ACTUALLY GET HIRED (resumes, interviews, projects, practice problems, and more) - the most important step that other web dev courses skip.
Auf dieser Seite können Sie das Online-Video HTML - Document Body mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer S Tier Web Dev 01 April 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 153 Mal angesehen und es wurde von 2 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
