Building Profile Page with HTML

     In this lesson, i learned about HTML. There are lots of HTML tags out there however in this lesson i learned 8 new tags. Below are the tags i learned.

  1. Heading
  2. Paragraph
  3. List
  4. Link (Hyperlink)
  5. Image
  6. Table
  7. Form
    With those tags, i built a simple profile page with just using HTML. With only using HTML, i know the page will look a bit stiff. Actually, if you want to make it nifty, you need to apply the style with CSS. Though in this lesson i only got subjected only using HTML. So, below is my shot of profile page with only using HTML.


    See, the page looks a bit stiff and the alignment only to the left of the screen. Actually i already learned about CSS before, therefore in order to make it nifty, i arranged myself to style it with simple CSS. 

    Here's what it looks like with CSS.




You can check out the code through my github: https://github.com/farrasnazhif/profile-page-html.git

Comments

Post a Comment

Popular posts from this blog

Typewriting Speed for Coders

Image
      As coders, t ypewriting is one of the main basis. We rely on the ability to type fast and accurately, since writing is our primary tool for building projects. The faster and more accurately we can type, the smoother our workflow becomes.       In order to enhance my typewriting skills especially the speed and accuracy, i tried many times testing my typing speed. At first, it wasn't fast enough for me because as far as i know, the average to become a fast typewriters we need to reach 60 wpm (words per minute), minimum. However, my first attempt was 57 wpm, it's so close though 😅.      Actually, many speed typewriters use all their fingers to be a speedster in typewriting.  In short, i have been striving to get above 60 wpm and i did it, eventually. Though I reached that speed with only using.. i think eight fingers, i didn't use my pinkies. So i can tell my achievement is not that enormous, therefore I have ambitions to escala...
Read more

Learning by Doing: Web Development Course Landing Page

Image
          In this lesson, I was assigned to build a landing page for a web development course platform. Currently, i just use HTML and CSS, however, i would add javascript eventually. I learned a lot when i was working on it. I used many new tags that i didn't know it before.  Here's the result, you can check it through this link:  https://tranquil-meerkat-376355.netlify.app/ Or if my domain is ever unavailable, I’ll give you a glimpse of the page 😁 . You can check out the code through my github: https://github.com/farrasnazhif/web-course.git
Read more