HTML5 in 10!

Hello Friends, it is a recap and I prefer it is not your first time with HTML.
Let's discuss some Topics. 10 different topics and you can check for more posts in my blog for HTML.

1. Block and Inline:

Block-level elements begin on a new line, stacking one on top of the other, and occupy any available width. Example ( Paragraph) <div>
Inline-level elements do not begin on a new line. They fall into the normal flow of a document Example (Word) <span>

2. HTML comments start with . CSS comments start with /* and end with */.

3. Use <strong> Tag to make your text bold (inline)

4. Use <i> Tag to make your text in italic (inline)

5. Use <em> for emphasizing

6. Building Structure

<header>, <nav>, <article>, <section>, <aside>, and <footer> elements.

and not just <div> and they help in structure. They are all block-level elements

7. <Header> Vs <h1>Vs <head>:

Both are inside the body section. <header> is a structural element as it is appeared. <h1>..<h6> To write heading lines. <head> is a section before <body> section used to write the website description, language, Keywords, developer..etc.

8. Navigation:

It helps to make a navbar.

Example:

<nav>

<a href="/html/">HTML</a> |

<a href="/css/">CSS</a> |

<a href="/js/">JavaScript</a> |

<a href="/jquery/">jQuery</a>

</nav>

Try it now

9. <article>:

We’ll often use the <article> element to mark up blog posts, newspaper articles, user-submitted content, and the like. (Display = Block)

10. <article>, <section>, or <div>:

If the content is being grouped solely for styling purposes and doesn’t provide value to the outline of a document, use the <div> element. If the content adds to the document outline and it can be independently redistributed or syndicated, use the <article> element. If the content adds to the document outline and represents a thematic group of content, use the <section> element.

To be better in HTML Try to follow my posts every two days and apply it on your website.

Think about the website you want to have and its features. You can even draw it on paper, then start designing it using HTML.

If it is your first time you can search for everything and use W3school for virtual examples. So Long.

Comments

Miserable

This one word could describe my life right now. I am writing this because of the last book I read talking about how to re-organize your life. 32 days ago, my dad has gone. In the beginning, I couldn't cry. Now, I can't stop crying about everything. Everything reminds me of him. His favorite stuff became my nightmare. I dream of him every day, too. One week from his death, I took my exams. I didn't remember how I did in them. I knew they were not how I supposed to do, but I am not aware of how I did. I wish I could have cried when he passed. I wanted to cry a lot but I didn't have the ability to face myself with the fact of his death. He died between my shoulders. I just saw his color turned to yellow like how my grandpa seemed before death. I heard my brother told him some prayers that a person says before death and I just shouted at him to stop. I spent time squeezing his feet to make him shocked. I even talked to him, I said don't go, don't leave me, not now...

My First year in CSE

I always wanted to be in Computer Science. I never tried to challenge myself in this area, too. I felt like I always have this barrier not to go through it. I'm so happy that in the previous 4 months I pushed myself fast and strongly to go in this field. There is a lot of paths in front of me. I was afraid that most of the students around me in my department have skills more than me. They are so smart and hardworking, too. In these 4 months I've tried to: 1. get 4 stars in problem-solving on Hackerrank 2. publish my first website on GitHub 3. edit my account on LinkedIn 4. start my program in frontend development on Coursera 5. take more than a course on C 6. Start a course related to computer architecture. 7. Start reading about Deep Learning But, How under quarantine I could do all of that. First of all, I knew how this is a competitive field. 1. I put a counter to know how much time I ...

My Story with Problem Solving

Hackerranck is a website full of problems that need to be solved by an algorithm or a data structure way. I knew about it while studying the Programming course at my university. The website is usable and you will like to solve on. My skills were so small and still, but I've reached 4 stars in the problem-solving path. which I'm so proud of. I've solved 60 problems in 3 months, which is good compared to my level in programming. In my university, we learned how to code using Python 3 and I learned C, C++ on my own before. Hackerranck is consists of more than a path. There is a language path like learning Java, Ruby, Python, and so on. There is also a chapter related to data and statistics. Finally, it has a problem-solving chapter. I think the biggest benefit I got from this experience that I don't need to fear before solving any problem also I don't mind taking more than an hour solving an easy problem. I always wanted to upgrade my way of solving, ...

Menz blog

Search This Blog