Ramesh Raj avatar

Basic HTML Codes You Can Use To Make Your Post Stand Out

bighungrypanda

Published: 15 Jun 2021 › Updated: 15 Jun 2021Basic HTML Codes You Can Use To Make Your Post Stand Out

Basic HTML Codes You Can Use To Make Your Post Stand Out

HTML.png

Well I took up Computer Science Engineering for my Bachelor of Technology (BTech) degree up in 2015 after my high school and i've picked up on a lot during my time there.

I've worked on a few open source projects for my college by then as time went by I just figured out this wasn't where I wanted to be a few years down the line in short I dropped out in the 3rd year of my 4 year course and i'm really happy that I did.

Just putting it out there that I have a basic knowledge of coding before I get started with my post, So without any further delay let's get to it.

PeakD uses HTML5 as its Markup language and uses CSS (Cascading Style Sheets) which describes the overall presentation of a web page written in HTML.

What is HTML though ?

Hyper Text Markup Language (HTML) is a set of codes you can use to structure content on a webpage.

A majority of tags in HTML will have an Open Tag < > and a Close Tag </ >

Below are some of the basic HTML Tags you can use to get a better finish to your post

<b> </b> Bold TagText enclosed between these tags will be BOLD
<i> </i>Italic Tag Text enclosed between these tags will be BOLD
<strike> </strike>Strike TagText enclosed between these tags will be Struck Off
<u> </u>Underline Tag Text enclosed between these tags will be Underlined
<sup> </sup>Superscript Tag110 210 310
<sub> </sub>Subscript Tag110 210 310
<center> </center>Center Tag
Text will be Center Aligned
<br> Line Break Skips A Line
<h1> </h1>Heading Tag

Heading Size 1
<h2> </h2>Heading Tag

Heading Size 2
<h3> </h3>Heading Tag

Heading Size 3
<h4> </h4>Heading Tag

Heading Size 4
<h5> </h5>Heading Tag
Heading Size 5
<h6> </h6>Heading Tag
Heading Size 6
<h7> </h7>Heading TagHeading Size 7

Next up is something I use most of the time in my post and that is inserting images into a table. The only reason I do this is to keep the overall post in an organised manner.

Here's the break down of the code I use for the 3X3 Table:


<table> </table> Defines HTML Table
<thead> </thead> Defines Table Header
<tr> </tr> Defines Table Row
Column 1-3 Replace With Your Image



<table>
<thead>
<tr>
column1 </th> <th> column2 </th> <th> column3 </th>
</tr>
<tr>
<th> column1 </th> <th> column2 </th> <th> column3 </th>
</tr>
</thead>
</table>

Edit (135).jpgEdit (141).jpgEdit (136).jpg
Edit (137).jpg Edit (138).jpgEdit (139).jpg

Here's the break down of the code I use for the 2X2 Table:

<table>
<thead>
<tr>
column1 </th> <th> column2 </th>
</tr>
<tr>
<th> column1 </th> <th> column2 </th>
</tr>
</thead>
</table>

Whiteroom 5 copy.jpgWhiteroom 6 copy.jpg
Story Format copy 2.jpg Starbucks 5.jpg

Well I hope you guys put this information to good use, Have a great day!!

Questions About Photography Are Welcome!
Upvote, Comment, Repost And Follow If You Like My Work!
Have A Great Day!

33 copy.jpg

Leave Basic HTML Codes You Can Use To Make Your Post Stand Out to:

Written by

Food Blogger, Photographer, Coffee Enthusiast & A Travel Junkie

Read more #ocd posts

Best Posts From Ramesh Raj

We have not curated any of bighungrypanda'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 Ramesh Raj