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...

MaharaTech: Network Course Summary

I knew it's a long time since my last post. In this post I will try to summarize most of the concepts of MaharaTech Network Course . The Course Works for beginners and It lasts for 1 hour. If you are a beginner I tell you to plan for this course well. You should schedule 2 hours a day for 5/8 days to get the ultimate benefits of it. There are 3 main Chapters and I will summarize them so you may return to this post in case you wanted to revise. Introduction to Computer Networks ISO/OSI Model (7 Layers) TCP/IP Protocol Suite 1. Introduction to Computer Networks a. Physical layer converts data from 01's to the electrical or optical or electromagnetic image. b. Datalink layer consists of logical link control to convert, reliable, and flow the data from buckets to frames and preserve the data, resend missing messages. The other is MAC which adds the sender and receiver's physical addresses. c. Network layer takes segments and converts them to packets. add ...

Hobbies but no time!

Hi hi hi, It's been a long time since the last time here. I know I am probably not your model, besides writing my blog in English makes it not easy to scroll down. Today I am talking about Hobbies and how to back to your hobbies while your schedule is crowded like a shit. 1. Know Your Hobbies You need to list your favorite 10 hobbies and if you wanna try sth in the future related to this field My 10 are [Walking, Dancing, Reading, Learning, Writing, Domino, Complete words, Sports, Problem Solving] and I wanted to learn chess. 2. Get The Best 3 Out of Them After listing your hobbies go rank them with stars, what your good at, and so on. Should we quiet any of the last 10? I don't think so. 3. You Just Need to Focus I do like Dancing but I have no time to learn it. So, You put your hobbies and choose 1 or 2 to learn more about it. for example, the learnable hobbies from mine are [Dancing, Learnin...

Menz blog

Search This Blog