DEV Community

Sarah Dye
Sarah Dye

Posted on

Day 2: HTML Revisited

Today's Progress

I completed the HTML Text Tags lesson. This lesson went into more detail about HTML and introduced more HTML tags such as:

  • headline tags
  • p tags
  • strong tag
  • em tag
  • br tag

There are 6 headline tags and they are used to mark the importance of different headlines. So developers need to remember that the most important headline gets the h1 tag. Headlines are also key for accessibility so users can find sections if they are using screen readers.

I've been using lots of accessibility features lately and headlines help make things easier. So if developers want an easy way to make their websites accessible, headlines are a great place to start. I watched this video from the Skillcrush lesson and thought it was really cool because it shows how headlines work on screen readers. If you haven't gotten a chance to use a screen reader before, I recommend watching this video.

Screen reader headlines in action

The quiz was a little tough only because it was hard for me to drag-drop certain answers into certain spots. I was able to get through the quiz and get 100%, but moving the answers around got rather frustrating since they would bounce back to the original spots when I was trying to put them in places. So careful using drag-drop features in your projects in the future.

This lesson had two coding exercises. Both exercises were about adding text tags to text. One fixed up a contact section while the other was formatting text.

I worked a lot slower on these exercises because I missed some punctuation marks as I was creating tags. It was
a little bit tougher seeing some of the code since the pink font against the black background made it harder to see what I was writing a bit. However, I was still able to complete both tasks and get the text displayed on the screen.

Tomorrow's Plan

Tomorrow I will be doing the lists lesson in Skillcrush's HTML & CSS class. This lesson goes over why lists are important and how to make lists in HTML. At the end of the lesson, students will be able to make lists in projects.

Resources

Skillcrush shared these articles in today's lesson and I thought they were great for other developers to check out as well. 2 of these articles go further on web accessibility than I can so it is great for any developers wanting to learn more.

1. W3 Schools HTML Entitites

2. Why Web Accessibility is Important and How You Can Accomplish It

3. 6 Unexpected Benefits of Web Accessiblity

Top comments (0)