Cypher Boot Camp Lecture 3 PDF

Cypher Boot Camp LECTURE 3 Grouping Content The and elements allow you to group together several elements to create sections or subsections of a page. For example, you might want to put all of the footnotes on a page within a element to indicate that all of the elements within that element rel...

Cypher Boot Camp LECTURE 3 Grouping Content The and elements allow you to group together several elements to create sections or subsections of a page. For example, you might want to put all of the footnotes on a page within a element to indicate that all of the elements within that element relate to the footnotes. You might then attach a style to this element so that they appear using a special set of style rules The element, on the other hand, can be used to group inline elements only. So, if you have a part of a sentence or paragraph which you want to group together, you could use the element as follow Computer Code Any programming code to appear on a Web page should be placed insidetags. Usually the content of the element is presented in a monospaced font, just like the code in most programming books  Address Text The element is used to contain any address. Imagine you have a bunch of toys in a box. The block toys are the big ones, like the building blocks or the wooden trains. These big toys take up a lot of space in the box and have to be placed one after the other, with a little space between them. The inline toys are the small ones, like the little action figures or the tiny cars. These small toys can be placed side-by-side, right next to each other, without taking up too much space in the box. The block toys are like the headings and paragraphs on a webpage - they take up the whole width and have to be placed one below the other. The inline toys are like the links and buttons on a webpage - they can be placed next to each other, without needing a lot of space. So, in a webpage, the block elements are the big things like titles and paragraphs, and the inline elements are the small things like links and buttons. The block elements create a new line, while the inline elements stay on the same line. Inline CSS: This involves adding the CSS styles directly into the HTML elements using the style attribute. Example: This is a heading