Tutorial
How to create your paragraphs, sentences, indent paragraphs when typing directly into the html window as opposed to typing in the editor window. This will eliminate unnecessary code that the editor places in your content.
You will learn how to use the following tags:
<p></p> paragraph tags
<blockquote></blockquote> Indent a paragraph or sentence or anything else inside these tags
<b></b> bold any content within these tags
<b style="color:red">bold</b> bolds and adds red color to the content within these tags. Notice that the beginning tag is a container for any special styling code added to the content contained within the tags. The closing tag only requires a closing </b> and that is it.
<ul></ul> are un-oredered list opening and closing tags for round bullet points to be wrapped around <li></li> list tags
<ol></ol> are ordered list opening and closing tags for numbered lists to be wrapped around <li></li> list tags.
You will see the coded version first and then how the coded version will show up on your live site.
<p>This is a new paragraph html tag. It is open at he beginning of the paragraph and closing tag at end of paragraph. It will allow a space between each paragraph when you use these tags in front of each new sentence or paragraph. You do not need to worry how long your sentence is as it will wrap on its own within the space you will be adding it to.</p>
This is a new paragraph html tag. It is open at he beginning of the paragraph and closing tag at end of paragraph. It will allow a space between each paragraph when you use these tags in front of each new sentence or paragraph. You do not need to worry how long your sentence is as it will wrap on its own within the space you will be adding it to.
<p>Here is another sentence or paragraph followed by bullet points. You can notice the "ul" (unordered list) tag at beginning and "/ul" closing at end of the bullet points. Each bullet point is wrapped with a "li" to open and "/li" to close the bullet point: </p>
<ul>
<li>Bullet point</li>
<li>Bullet point</li>
<li>Bullet point</li>
</ul>
Here is another sentence or paragraph followed by bullet points.
- Bullet point
- Bullet point
- Bullet point
- Bullet point
- Bullet point
<p>Start a new paragraph or sentence here</p>
<blockquote><p>Here you see a "blockquote" tag followed by a "p" tag to open a sentence or paragraph that you would like to indent. Close it with the "/p" and "/blockquote" tags at the end of the sentence or paragraph.</p></blockquote>
Start a new paragraph or sentence here
Here you see a "blockquote" tag followed by a "p" tag to open a sentence or paragraph that you would like to indent. Close it with the "/p" and "/blockquote" tags at the end of the sentence or paragraph.
<p>If you would like to make a word or letter or even a sentence with "bold", just wrap whatever you want bolded with the "b" opening and "/b" tags like so: <b> this should appear in bold </b>.
If you would like to make a word or letter or even a sentence with "bold", just wrap whatever you want bolded with the "b" opening and "/b" tags like so: this should appear in bold .
This is an ordered list that will show numbers in sequence instead of bullet points
<ol>
<li>This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.</li>
<li>This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.</li>
<li>This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.</li>
</ol>
- This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.
- This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.
- This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.
- This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.
- This is an ordered list. It will assign numbers in sequence to your list as opposed to just bullet points.
Let's say you want to bold and add color to a word or sentence. You would wrap the word or sentence with the following code:
<p>Here is a sentence with a <b style="color:red">bold</b> and red color tag.</p>
Here is a sentence with a bold and red color tag.
Tutorial by George Guebelli, G-Cart, Inc.
