Basic HTML and CSS web page for lab 05 comp1234

Go to the bottom of the page

Block and inline elements

This plain text and it is a block element like h1 and h2.



This is bold text. This is also bold text.

This is bold text.




The id attribute allows us to uniquely identify an element/tag and use that to select the element in CSS and Javascript.

The id attribute allows us to uniquely identify an element/tag and use that to select the element in CSS and Javascript.

The class attribute lets us identify more then one element/tag to apply changes with CSS and JAVASCRIPT.

The class attribute lets us identify more then one element/tag to apply changes with CSS and JAVASCRIPT.




Links

mobihelp

One of the better reference sites for HTML, CSS, and Javascript is w3 schools.

this is my template file from week 02 using a document relative path.

this is my template file from week 02 using a root relative path.

this is my index.html file from lab 01 using a root relative path.

this is my index.html file from lab 01 using a document relative path.




Images

cat winking cat winking
Fig. 01 Folder Structure



Lists

Unordered list

Ordered List

  1. Apple
  2. Orange
  3. Banana
  4. Lime
    1. Apple
    2. Orange
    3. Banana
    4. Lime

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate fuga quo repellat ullam? Amet asperiores aspernatur assumenda atque culpa cupiditate, fugiat iste libero maiores nam neque quo rem, soluta velit.

Autem debitis dignissimos dolores eius impedit iusto minima quo vel! Ad asperiores consequuntur dicta enim ipsa ipsam ipsum iusto neque pariatur placeat, recusandae temporibus veniam? Doloribus modi mollitia nisi quidem.

A accusamus aliquid animi consectetur delectus ducimus eius eos et explicabo illo itaque laborum laudantium libero magni minus nemo nisi officiis placeat provident quae quis repudiandae, suscipit veniam voluptate voluptatum!

test text

Aut earum harum ipsum laudantium qui quisquam suscipit tempora. Autem dicta dolores error excepturi illo sapiente tempore voluptas. Dicta expedita facilis maiores praesentium voluptatum. Accusamus aspernatur explicabo quaerat saepe tempora!

Delectus illo ipsum, modi natus obcaecati quia recusandae repudiandae sapiente vitae? Blanditiis illo nihil pariatur voluptatum. Debitis, dolorum libero molestiae nesciunt nulla obcaecati optio perferendis provident quidem quisquam similique voluptates.