suleimanz avatar

Creating a header in html

suleimanz

Published: 27 Apr 2020 › Updated: 27 Apr 2020Creating a header in html

Creating a header in html

download.png
Here you would be learning how to create and style a header in HTML. Its Simple

first

  1. Write a Html code with a div tag and optionally give it any class name of your choice, I gave mine the name header.
    Remember this is what you're going to be referencing in the CSS page
<div class="header">
  <h1>Header</h1>
  <p>My  header</p>
</div>

Header

My header

  1. I gave my class name header( not compulsory) use another name
  2. On your CSS page use these format to arrange, color and size it to your taste
.header {
  padding: 60px;
  text-align: center;
  background: #1abc9c;
  color: white;
  font-size: 30px;
}

Stay closeby, I would be dropping other brief tutorials .

Leave Creating a header in html to:

Written by

Read more #hive-103590 posts


Best Posts From suleimanz

We have not curated any of suleimanz's posts yet. But you can encourage our curation team to review posts by visiting them regularly and by referring other readers. Because we give priority to frequently read content.

More Posts From suleimanz