The Ultimate Guide to Coding Your Backstory & Books

written by Lily Lavender

Have you wondered how witches & wizards have a cool profile or book? This book contains codes as well as how to work the editor! In this book, it includes codes & examples of typo-graphics, fonts, animations, fancy texts, & multi-media. DO NOT COPY AS IT IS PLAGIARISM!

Last Updated

05/31/21

Chapters

6

Reads

1,792

Typographical Emphasis & Fonts

Chapter 2

Italic Emphasis


An italic emphasis are words that are slanted slightly to the right. This emphasis is often used to focus attention on words that are important. For example, you would use italics when writing a title of a book in a sentence, a language that is foreign, or a word or phrase that is being explained or talked about. You can also use the editor italic button in the editor.

Code: <em>Put your text here</em>

Editor: 

Example: This is what it will look like 


                                                                                                                                                                             


Bold Emphasis


A bold emphasis are words that are thicker than normal text. This emphasis is often used to focus on words that are very important, almost like a highlighter. For example, you would use bolded words when writing a glossary of terms for keywords, for titles, or for subtitles. You can also use the editor bold button in the editor.

Code: <strong>Put your text here</strong> 

Editor: 

Example: This is what it will look like 


                                                                                                                                                                             


Align Emphasis


Words that are aligned emphasizes your content. This emphasis is often used for titles, subtitles, paragraphs, bullet points, etc. to indicate what you are writing about. You can use this to center paragraphs, subtitles, & titles. You can also use the editor align buttons in the editor.

Codes: 


<p style= "text-align: center;">Put your text here</p>
<p style="text-align: left;">Put your text here</p>
<p style= "text-align: right;">Put your text here</p>
<p style= "text-align: justify;">Put your text here</p>

Editor: 

Example:


This is what it will look like (center)


This is what it will look like (left)


This is what it will look like (right)


This is what it will look like (justify)


                                                                                                                                                                             


Underline Emphasis


An underlined emphasis are words that have a line underneath them. This emphasis is often used as a different option for a highlighter. For example, you would use underlined words for titles, subtitles, ingredients, or clickable links. You can also use the editor underline button in the editor.

Code: <span style= "text-decoration: underline;">Put your text here</span>

Editor: 

Example: This is what it will look like 


                                                                                                                                                                             


Strikethrough Emphasis


A strikethrough emphasis are words that have a line which goes through the words like you are scratching it out. This emphasis is often used as information that is not necessary or can be used to signify an idea or thought that has been changed. You may see this is books to emphasize the character's thought process. You can also use the editor strikethrough button in the editor.

Code: <s>Put your text here</s>

Editor: 

Example: This is what it will look like 


                                                                                                                                                                             


Number List Emphasis


A number list are lists that use numbers instead of bullet points. This emphasis is often used for numbering steps, lists, ingredients, etc. You can use either numbers or even letters. Use the editor number list button in the editor.

Editor: 

Example (Using number list with numbers):

1. This is what it will look like


                                                                                                                                                                             


Bullet Points Emphasis


A bullet point emphasis are points that are used to  emphasize words or phrases.This emphasis is often used to focus on words that are very important. For example, you would use bullet points when writing a list of no order. There are three different types of bullet points; disk, square, and circle. Use the editor bullet point button in the editor.

Editor: 

Example (Using disk bullet point):

• This is what it will look like


                                                                                                                                                                             


Font Size


Font Sizing is important to use when writing. Font size is how little or how big your writing is by a number. This is often used for titles or subtitles. Using the number 12 is the most common to use for paragraphs, where as the number 18 to 24 is used mainly for subtitles & titles. You can also use the editor font size button in the editor.

Code: <span style= "font-size: 12pt;">Put your text here</span> 

Editor: 

Example (Using font size 24): This is what it will look like


                                                                                                                                                                             


Fonts


Fonts are designs for text. It can be used for whatever you want. There are seven commonly used types; arial, comic sans ms, courier new, book antiqua, impact, helvetica, & times new roman. The most used is the arial font. These fonts are used to make your text fancy & elegant. You can also use the editor font button in the editor.

Code: <span style="font-family: arial;">Put your text here</span>

Editor: 

Example (Using Arial font): This is what it will look like

Hogwarts is Here © 2023
HogwartsIsHere.com was made for fans, by fans, and is not endorsed or supported directly or indirectly with Warner Bros. Entertainment, JK Rowling, Wizarding World Digital, or any of the official Harry Potter trademark/right holders.
Powered by minerva-b