logo

Basic HTML Web Page

Photo by Ahmed Abbas on Unsplash

Block and inline elements

This is plain text in a block element.

bold inline element This is another strong inline element

This is a block element with a bold inline element .



Attributes

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

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

The class atribute allows us to identify more than one tag/element to apply a change with CSS or Javascript.

The class atribute allows us to identify more than one tag/element to apply a change with CSS or Javascript.



Links

This goes to the George Brown Web Page.

One of the better HTML sites is the w3 schools Web Page.

This is my template file using a document relative path.

This is my template file using a root relative path.

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

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



Lists

test

Unordered List

  • Apple
  • Orange
  • Banana
  • Water

Ordered List

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


Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium aut delectus ea enim expedita explicabo facere facilis id ipsa iusto necessitatibus quam reprehenderit sed sequi totam vel, voluptas voluptatem!

Consectetur consequuntur dolore dolorum earum eveniet fugiat iusto odio pariatur. A aliquid beatae blanditiis culpa dolores dolorum ea eaque eos error, explicabo, labore, laborum numquam quidem quis quos saepe voluptatibus!

A assumenda beatae consequatur culpa deserunt, esse eveniet, fugiat fugit iure maxime quas quasi sequi similique ullam unde? Alias atque doloribus illo nam odio, quae quaerat quia recusandae temporibus vero.

A alias, amet animi asperiores blanditiis consequatur delectus dignissimos error ex facilis fuga, hic inventore ipsum itaque iure minus molestiae molestias necessitatibus nisi nostrum odit quaerat sunt voluptate voluptatem voluptates.

Ab architecto atque autem blanditiis cum dolore dolorem doloremque esse expedita ipsa iste nesciunt quia, repellat repellendus repudiandae saepe voluptates voluptatibus. Alias animi culpa itaque repellendus tempora vel veritatis voluptatum!



Images

cat winking cat winking
Fig. 01 folder structure


Regular Table

My Table
Date Name Cost
Jan. Costpro. $100
Dec. KrazyKids $500
May LazyTeachers $600
May LazyTeachers
Total: $900

Nested Table

Nested Table 1
r1 c1 r1 c2
r2 c1 r2 c2
Nested Table 2
r1 c1 r1 c2 r1 c3
r2 c1 r2 c2 r2 c3
r3 c1 r3 c2 r3 c3
table#stable>(thead>tr>th{title$}*6)+(tbody>(tr>td{data$}*6)*5)+(tfoot>tr>th{foot$}*6)
title1 title2 title3 title4 title5 title6
data1 data2 data3 data4 data5 data6
data1 data2 data3 data4 data5 data6
data1 data2 data3 data4 data5 data6
data1 data2 data3 data4 data5 data6
data1 data2 data3 data4
first name:
data6
foot1 foot2 foot3 foot4 foot5 foot6