Basic HTML Web Page for the Comp1234 Lab

Go to the bottom of the page

Block and inline elements

This is a small subheading and a block element.

This is some text and it is also a block element.

This is a block element with a bold inline element and italic element.




Attributes Section

This id attribute allows us to uniquely identify an element/tag and allows us to select that element with CSS or Javascript.

This id attribute allows us to uniquely identify an element/tag and allows us to select that element with CSS or Javascript.

This class attribute allows us to group identify an element/tag and allows us to select those elements with CSS or Javascript.

This class attribute allows us to group identify an element/tag and allows us to select those elements with CSS or Javascript.




Lorem Ipsum

subheading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam beatae placeat recusandae reprehenderit velit. Architecto assumenda aut dignissimos laborum provident sunt. Consequatur dolore earum molestias odit omnis quibusdam soluta suscipit.

Aperiam beatae consequatur cupiditate dolore doloremque ea est fugiat, laudantium odio, quis quo reprehenderit rerum sapiente similique sit tenetur voluptate. Ad enim eum facilis id, ipsam non odio quas ratione.

Consequuntur doloribus fuga hic incidunt magni mollitia quia quod temporibus! Ipsum magni non perferendis quisquam reprehenderit saepe sequi soluta totam vitae. Consequuntur, exercitationem iure laborum laudantium optio quo vel voluptatum!

this is the div h3

This is the paragraph div

This is the paragraph div

Commodi culpa dignissimos dolor dolorem iure laborum nihil, odit, provident quia quod tempora veniam voluptate. A earum facilis veritatis. Animi cum debitis fuga impedit iusto obcaecati repellendus voluptatum. Accusantium, esse?

Aliquid aperiam atque aut beatae, dolor eaque error incidunt iusto nulla officiis possimus, qui quia repellat. Consequuntur dolorem eaque expedita illo, ipsam nesciunt nobis, obcaecati officia quas qui, vitae voluptas.




Link/Anchor Section

w3 schools using an absolute reference.
w3 schools using an absolute reference.

One of the better reference sites is w3 schools using an absolute reference.

This is my: exercise02.html file using a document relative reference.

This is my: exercise02.html file using a root relative reference.

This is my: index.html file using a document relative reference in the public_html folder.

This is my: index.html file using a root relative reference in the public_html folder.




List Section

Unordered List

Ordered List

  1. apple
  2. orange
  3. banana
  4. kiwi
  5. cat winking
  6. Duck Duck Go Search
  7. Unordered List

    • apple
    • orange
    • banana
    • kiwi



Images Section

cat winking cat winking cat winking cat winking
Fig. 01 folder structure