logo

Basic HTML and CSS web page

Photo by Ahmed Abbas on Unsplash




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. Adipisci dolorem, doloremque dolorum eligendi expedita facere fugiat fugit ipsam maiores, molestias mollitia quis quisquam repudiandae similique soluta sunt suscipit veniam voluptate!

Consectetur deleniti ea eveniet excepturi exercitationem, nulla quos veritatis? Aperiam beatae debitis delectus dolorum eos et eveniet facere odit optio, provident quis vel vero voluptatibus. Consequuntur facere ipsum tempora velit.

A ab aliquam aliquid autem blanditiis cum cumque eius eligendi esse excepturi facilis illum ipsa laboriosam laudantium minima nesciunt nulla, pariatur perspiciatis provident, quis quo sed temporibus tenetur velit voluptatum!

test text

Accusamus aliquid consequatur corporis culpa cumque delectus, doloribus ipsam magnam modi nam, natus non nostrum officiis perferendis quam tenetur vero? Ad deleniti id iure laboriosam molestias placeat veritatis! Perspiciatis, temporibus!

Doloribus ducimus facilis illum inventore laboriosam, laborum minima officiis perferendis recusandae saepe sequi soluta, totam ut. Aperiam consequuntur culpa distinctio dolor eveniet, ex excepturi facilis odio quod reprehenderit soluta voluptates?