HTML text

Next Page >>
HTML tutorial

HTML Tutorial » HTML text

Web pages contain text. The HTML language offers a number of elements that allow you to work with it:
1. dividing the text into sections
2. text formatting
HTML has evolved over time, and now it allows for a variety of text styles.

We can add Style as:
Inline - by using the style attribute in HTML elements
Internal - by using a <style> element in the <head> section
External - by using an external CSS file as style.css

Syntax:

Inline Syntax - <tag_name style="property: value;">Your HTML Text </tag_name>
External & External - selector_name: property: value;

Text Formatting examples:

<strong> - Important text
<b> - Bold text
<i> - Italic text
<small> - Smaller text
<em> - Emphasized text
<mark> - Marked text
<del> - Deleted text
<ins> - Inserted text.

In this chapter we show you some basic elements to get acquainted with the HTML text and in the following chapters we go deeper:
html text color, formatting, size, align, center, color tag, text link

How do you do text in HTML?

<strong> - Important text
<b> - Bold text
<i> - Italic text
<small> - Smaller text
<em> - Emphasized text
<mark> - Marked text
<del> - Deleted text
<ins> - Inserted text.

Example

  <!DOCTYPE html>

  <html>

  <head>

 <title>How do you do text in HTML? - example</title>



  </head>

 <body>

  <h2>your title here</h2>

  <p><strong>- this is an important text</strong></p>

  <p> <strong>Another text :</strong> </p>

  <p><i>Chickweed okra pea winter - italic text</i></p> 

  <p><small> coriander yarrow sweet pepper - amaller </small></p>

  <p><mark>Marked text</mark></p>

  <p><del>Deleted text</del></p>

  <p><ins>Inserted text<ins></p>

  <p>black-eyed pea green bean zucchini gourd

  winter purslane silver beet rock melon

  radish asparagus spinach. - </p>

  </body>

  </html>

Note: when defining "article" style from <style> and </style> you do not need to add a dot before the article.

Related subjects:
Text align Text size Text color

How do you show text in HTML?

If you want to display text in HTML, useThis tags:

h1.....h6 - title tag
Paragraphs (<p>) contain a block of plain text.
<span> contains short pieces of text. They are used to separate small pieces of content.
<div> tag
<article> - tag
<section> - tag

Example

  <!DOCTYPE html>

  <html>

  <head>

<title>How do you show text in HTML? - example</title>

<style>

  article {

 width: 90%;

height: auto;

background-color: #FF9;

margin-right: auto;

margin-left: auto;

color: #066;
}
  </style>


  </head>



<body>
<h1>How do you show text in HTML? </h1>

<p>Paragraphs contain a block of plain text. </p>

<article>

    <h2>your container title here</h2>

    <p><strong>Your text here</strong></p>

    <p> Another text : - Grape silver beet collard

     greens avocado quandong fennel gumbo black-eyed 

    pea watercress potato tigernut corn groundnut.

     Chickweed okra pea winter purslane

    coriander yarrow sweet pepper radish garlic

     brussels sprout groundnut summer purslane

     earthnut pea tomato spring onion azuki bean gourd.

      Gumbo kakadu plum komatsuna

     black-eyed pea green bean zucchini gourd

      winter purslane silver beet rock melon

     radish asparagus spinach. - </p>

     <!-- end article --> </article>

  </body>

  </html>

Note: when defining "article" style from <style> and </style> you do not need to add a dot before the section.

Tags: text tag, fonts, formatting, box, text-align, color, size

What is the HTML tag for text?

A few more related tags for text as:

<p> - <p>Some text</p>

<span> - <span> your words here </>

heading - <h1> your head words</h1>

list - <ul> <li> list tags </li></ul>

1. How do you do text in HTML?
2. What is the HTML tag for text?
3. How do you underline text in HTML?
4. How do you color text in HTML?
5. How do I make a clickable text in HTML?
6. How do I make text bigger in HTML?
7. How do you show text in HTML?
HTML text, how to display - html tutorial

Online Editor

ONLINE EDITOR

news templates

COLOR PICKER

news templates

This tool makes it easy to create, adjust, and experiment with custom colors for the web.

HTML Templates

Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.

CSS HTML Layout

Find here examples of creative and unique website layouts.

Free CSS HTML Menu

Find here examples of creative and unique website CSS HTML menu.