From 3ecb87155fb11c2a209e72ccefa89f320b2f3f45 Mon Sep 17 00:00:00 2001
From: EmeraldEntities <44278515+EmeraldEntities@users.noreply.github.com>
Date: Tue, 13 Nov 2018 18:37:09 -0500
Subject: [PATCH] Added detail and description and fixed grammar (#21480)
Changed the examples, added more details about each formatting method, and cleaned up grammar. Also made the text easier to read and comprehend, as well as more attractive.
---
.../text-formatting-in-html/index.md | 70 +++++++++++--------
1 file changed, 40 insertions(+), 30 deletions(-)
diff --git a/guide/english/html/tutorials/text-formatting-in-html/index.md b/guide/english/html/tutorials/text-formatting-in-html/index.md
index e34897d126..b9adaea92b 100644
--- a/guide/english/html/tutorials/text-formatting-in-html/index.md
+++ b/guide/english/html/tutorials/text-formatting-in-html/index.md
@@ -3,64 +3,74 @@ title: Text Formatting in HTML
---
## Text Formatting in HTML
-HTML provides you a lot of useful elements for text formatting. It allows to make your text: bold, italic, mark and much more. Changing the style of your text isn't without any reason - the main thing is just make the reader to take a look for some important notes.
+HTML provides you with a lot of useful elements for text formatting. It allows to make your text bold, italic, marked and much, much more. Of course, this is all for a reason - to get the important points across to the reader.
### Bold and Strong
-You can easily change your text meaning by using HTML `` element. It makes words bold, which function is singling out the fragment of sequence. For example:
+You can make your text bold by using the `` element. This makes words bold, and provides strong emphasis to a certain word or phrase.
-```
-The most important part of your code is the end, because if you don't close the element, it will affect to everything!
+
Example:
+```html
+The most important part of your code is the end, cause it can affect everything!
```
-You can also use `` as well - it adds also semantic "strong" importance. Your browser doesn't recognize a difference between those two elements, but it exists.
+
Note: You can also use `` as well. They both bold the text.
-### Italic and Emphasized
-Usually used when quote something or putting a translate of word in a lot of articles. It makes them italic - just imagine a little kicked in the right letters. For example:
+### Italics and Emphasis
+If you want to write your messages in italics, you can use the `` element.
-```
-Theatre - teatos, teates and teatron.
+
Example:
+```html
+I hate it when I start talking in Latin, it makes me Lorem Ipsum!
```
-You can also use `` as well - it adds also semantic "emphasized" importance. Your browser doesn't recognize a difference between those two elements, but it exists.
+
Note: You can also use `` as well. While visually, they are the same, the semantic definitions are different. `` is generally used for emphasis, while `` can be used for foreign words, etc.
### Small
-It makes your text smaller than normal size of used font. This element's meaning was changed in HTML5 - it represents side-comments and small print.
+It makes your text smaller than the normal font size. This element's meaning was changed in HTML5 - it now represents side-comments and small print.
-```
-Normal, small, normal, small!
+
Example:
+```html
+Normal, small, normal, small!
```
### Marked
-Element `` makes your text marked - in other words, it makes your text highlighted. You can use it to tell your readers that it is an important thing in your article. For example:
+The element `` makes your text marked. In other words, it makes your text highlighted. You can use it to tell readers things of importance.
-```
-HTML is full of things and it's our journey to get know them better!
+
Example:
+```html
+ The land of HTML is a strange and mysterious land, and it's our job to explore it all!
```
### Deleted
-The element `` makes your text striked in the center. It's useful to show changes in your documents.
-
-```
-WWI started in 1913 1914 year.
+The element `` shows strikethrough. It's useful if you want to corroct correct something.
+
Example:
+```html
+WWI started in 1913 1914.
```
-### Inserted
-Tag `` makes your text inserted to the article. Using other words that makes it much easier to understand - added. It shows a line under inserted text.
+### Underlined
+Underlining is a tricky thing in HTML. The best way to underline your code is to use CSS and set `text-decoration` value to "underline". If you need to, the default for the element `` will underline your code.
+
Example:
+```html
+I like drawing lines under my words
```
-HTML isn't boring. You can make a lot of combinations of elements!
-```
+
+
Note: `` actually means "Inserted", and is intended to depict inserted text.
+
Note 2:`` used to be underline in HTML 4.01, but in HTML5 it was redefined to show that a word had some form of non-textual annotation applied. The default of `` is a simple underline, but this can be changed using CSS.
### Subscripted
-Using element `` gives you a useful formatting as subscripted text (showing it smaller on the bottom). There is an example code:
+Using the element `` makes your text subscripted (ie. it becomes smaller and gets shown near the bottom).
-```
-This was in 2003 year (needs a link).
+
Example:
+```html
+I use subscripts in math! For example, I can say x1!
```
### Superscripted
-If you want to make an opposite to subscripted text, you can easily use `` element. It shows a smaller text on the top.
+If you want to make your text superscripted (ie. it becomes smaller but gets shown near the top), use the element ``!
-```
-10x+y = 1000
+
Example:
+```html
+102 = 100
```