reading-notes

Read: class 2

1. HTML Text Fundamentals and HTML Advanced Text Formatting

  1. Using semantic elements in HTML is important because it helps structure the content in a meaningful way, making it more accessible and understandable for both humans and machines, like search engines and screen readers. Semantic elements provide information about the type and purpose of the content they enclose, making it easier to style and navigate the page and improving SEO.

  2. There are six levels of headings in HTML, h1 tag is the highest level heading, and h6 tag is the lowest.

  3. The <sup> & <sub> sub elements are used for superscript and subscript text, respectively. Some common uses include mathematical notations, footnotes, chemical formulas, and trademark symbols.

  4. When using the ` `abbr element, the ‘title’ attribute to provide the full expansion of the term, which is often displayed as a tooltip when a user hovers over the abbreviated text.

2. Applying CSS to HTML using various methods:

  1. External CSS: Link an external CSS file to your HTML document using the ` ` element.

    Internal CSS: Use the style tag within the HTML document’s <head> section.

    Inline CSS: Apply styles directly to individual HTML elements using the style attribute.

    CSS frameworks: Utilize pre-built CSS frameworks like Bootstrap to style your HTML elements.

  2. We should avoid inline styles because they mix HTML structure with styling, making it harder to maintain and scale your website. Separating HTML and CSS into external or internal stylesheets provides better organization and maintainability.

    tip: Separating HTML and CSS into external or internal stylesheets provides better organization and maintainability.

  3. CSS code block:

    1. The selector is h2.
    2. The CSS declarations are color: black and padding: 5px.
    3. The properties are color and padding.
    4. In JavaScript, a sequence of text enclosed in single quote marks represents a string data type.

Four types of JavaScript operators are:

A real-world problem that you could solve with a function is calculating the total cost of items in a shopping cart, applying discounts, and calculating taxes.

Making Decisions in your Code -conditions

  1. An if statement checks a condition, and if it evaluates to true, then the code block will execute.

  2. The use of an else if allows you to specify an additional condition to check when the initial condition in an if statement is false. It provides an alternative code block to execute if the else if condition is true.

Three different types of comparison operators in JavaScript are:

The logical operator && (logical AND) returns true if both of its operands are true. The logical operator   (logical OR) returns true if at least one of its operands is true. They are used to combine conditions and make decisions in your code.

Things I want to know more about:

  1. How to effectively design a website.
  2. Practical more of CSS stylings and JavaScript in the browser.

10/23/2023