Basic CSS Web Page for the week 5 lab

Photo by Ahmed Abbas on Unsplash

Block and Inline Elments

This is plain text and it is a block element.

This is another block element.

This is a block element with a bold word.

        var x=10;
        print(x);
        



Attributes

The class attributes allows you to identify the current tag and it can be used for multiple tags. It can be used as for CSS or HTML.

The class attributes allows you to identify the current tag and it can be used for multiple tags. It can be used as for CSS or Javascript.

The id attributes allows you to identify the current tag and it must be unique. It can be used as for CSS or Javascript.

The id attributes allows you to identify the current tag and it must be unique. It can be used as for CSS or Javascript.




Images

cat winking cat winking
Fig. 1 A directory structure



Links

Go to My GBlearn

One of the best resources for HTML is W3 Schools

This is my template file.

This is my index file. using a root relative path.

This is my index file. using a document relative path.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc placerat varius velit at pellentesque. Sed velit est, vestibulum ac suscipit sed, pellentesque id metus. Integer ultrices tristique massa id ornare. Aenean sagittis tristique lacus, eget congue urna imperdiet ut. Proin sollicitudin, mi a interdum aliquet, sem arcu vehicula urna, at lobortis ex libero aliquet diam. Mauris posuere tempor nunc, at lobortis quam facilisis at. Proin vulputate dolor lorem, a sollicitudin mi lacinia ut. Vivamus tristique leo quam, id viverra quam euismod sed.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aliquid beatae cumque, debitis distinctio facilis fuga impedit ipsum iure nam odio quaerat quia, quisquam quos repellat sequi sunt tempore, unde vero voluptatum? Atque, blanditiis distinctio, doloribus dolorum facilis fugiat ipsam libero magnam necessitatibus nulla quibusdam quis tempore velit veritatis voluptatibus!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur, iste, labore! Adipisci iusto perspiciatis porro sit? Amet consequuntur eos harum sunt veniam. Consequuntur dolorum fugiat laboriosam obcaecati odit officia sint. Alias culpa doloribus enim esse eum molestias obcaecati, omnis perspiciatis praesentium, quos, repellendus sed soluta ut vel voluptatem. Distinctio, veritatis!

A animi at delectus dicta dolor dolores explicabo fuga fugiat libero modi pariatur quaerat quia, quibusdam rem suscipit totam, veniam? Ab at obcaecati quidem quos? Animi, asperiores corporis debitis eligendi eos laborum nesciunt soluta tempora tempore vero. A alias atque, debitis doloribus est exercitationem libero nostrum, quibusdam quo ullam veniam.

Dolor eum necessitatibus reprehenderit totam! Aspernatur deleniti itaque omnis! Aliquid architecto assumenda debitis dolor ducimus earum esse, et eveniet exercitationem explicabo illo nihil possimus saepe sed soluta totam veniam voluptates. Aspernatur assumenda consequatur deleniti dolor dolore eligendi, illum ipsa maxime minus, molestiae nesciunt nisi officiis quisquam, tempora temporibus. Adipisci, nemo.

Ordered and Unordered Lists

Unordered List

Square Bullet List

Ordered List

  1. red
  2. cat
  3. sun

Roman Numeral List

  1. red
  2. cat
  3. sun
  1. blue
  2. dog
  3. moon