About Me

Who am I?

Hello, welcome to my webpage. My interest in computers and programming was sparked by video games. Computers have always fascinated me and to this day they still do. When I was young, I always pondered over how clicking all the buttons in Club Penguin worked how the login system had functioned. A few years later, I got into building command block and redstone creations in Minecraft. I've even hosted a couple of servers. After having a stronger grasp on programming, I've decompiled and/or modded different games such as Undertale. I also enjoy logic puzzles and other similar games. Today, I know languages such as JavaScript and HTML, and I am still learning. This webpage was designed for me to practice many different skills in the area of HTML and CSS. The following is about the creation of this website and the elements used.



Most of my experience with computers was through video games.



Creating This Website

This website runs off of the markup language HTML.



There are many different types of HTML elements, such as:





Heading

A heading is text used to show important information such as section titles.

A heading is created by placing text inbetween a <h1> and </h1> tag. The number in the tag can range from anywhere from <h1> to <h6>.

<h2>This is a Heading</h2>

This is a Heading


Paragraph

A paragraph text, usually for blocks of text to read.

A paragraph is created by placing text inbetween a <p> and </p> tag.

<p>This is a paragraph.</p>

This is a paragraph.


Image

An image can be embedded to show a picture.

An image is created using an <img> tag with a src attribute for the image source.

<img src="image.png">



Table

A table in a webpage shows data using rows and colunms.

A table is created using a <table> and </table> tag. In it, each table row is created with a <tr> and </tr> tag. Finally, indivisual table data boxes are created by placing content inbetween a <td> and </td> tag.

<table>
  <tr>
    <td>This</td>
    <td>Is</td>
  </tr>
  <tr>
    <td>A</td>
    <td>Table</td>
  </tr>
</table>

ThisIs
ATable

List

A list shows different lines of text, typically using bullet points.

A list is created with a <ul> and </ul> tag, or a <ol> and </ol> tag for an ordered list. Each bullet point is created by placing content inbetween a <li> and </li> tag inside the list. An indent can be created by nesting another list in a bullet point.

<ul>
  <li>This</li>
  <li>Is</li>
  <li>A</li>
  <li>List
    <ul>
      <ul>This</ul>
      <ul>Is</ul>
      <ul>A</ul>
      <ul>Nested</ul>
      <ul>List</ul>
    </ul>
  </li>
</ul>


Marquee

Marquee is used to create scrolling text.

Marquee is created by placing text inbetween a <marquee> and </marquee> tag.

<marquee>This is marquee</marquee>

This is marquee