Hello again, world!

Here is some sample HTML to look at. This is a body paragraph with some inline code to feature some text. Here is a link to an external website.

Each p element is a block element designed to make a block on the page.

What are block elements good for?

this is my pet newt
Picture of a Japanese Firebelly Newt.
my favorite bird
I love cockatoos.

Starter HTML instructions

Let's replace the old index.html in your GitHub repo with this new one as you're starting to learn HTML. The hardest part of this may be learning how to browse to find where you saved your files in your GitHub repo. You'll get used to this with practice and some organization.

  1. In oXygen, go to File >> Save As, and carefully browse to find your GitHub repo and its docs/ directory.
  2. Save this file inside your docs/ directory as index.html. You should save over any index.html you've already saved there to replace with this one. (Don't capitalize index.html, spelling counts and you need the .html part at the end.)
  3. Open your Bash shell (Windows) or Terminal (Mac) at your GitHub repo.
  4. Use your git commands now. Check the status of your repo, add your files for staging, commit them with a message, and push them to the repo.
  5. Check your GitHub repo on the code view and the web view to see your updates.

For a more detailed view of HTML, look at the actual index.html on this introDH-Hub model website. Feel free to work with that code as you're learning HTML.

The easiest way we know to create a new page for your site is to save the current one you're working on with a new filename in the same directory. Open the new file so you can keep working. You'll need to create a special kind of relative link to connect the pages, like this.