Text Tags

Find in-depth information about html tags at W3 Schools.

There are a number of tags that are specifically used to display text. The most common are the heading tags and the paragraph tag. Heading tags range from h1 (typically the largest) to h6 (typically the smallest) the exact size, font and color of headings can be set using a style sheet for an entire website, in the head of a page for that web page, or ‘inline’ for a specific instance of the tag. Here are examples of the six levels of heading tag and the paragraph tag. As each of these is a block tag, they will be displayed on a new line in your browser.

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

<p>Just a little paragraph</p>

formatting for text tags

<p style=””>What’s up with this text</p>

If I put the following styles into the double quotes for styles in the paragraph tag above, I’ll get the followin results.

font-family:”verdana”, Helvetica”, sans-serif   What’s up with this text

font-style:italic   What’s up with this text

font-weight:bold   What’s up with this text

font-size:120%   What’s up with this text

line-height:450%   What’s up with this text

color:red   What’s up with this text

color:#ff0000   What’s up with this text

background-color:#ff0000   What’s up with this text

text-align:center   What’s up with this text

Use the tool below to try out some this html.

2 Responses to Text Tags

  1. Nicole Stewart says:

    Hi Keith,

    I’ve played with the tool but am baffled as to how I start this on PC – the video that you recommend to start is all done on a MAC. I’ve since downloaded Notepad ++ to my home computer, but I can’t seem to get it to “run” the html introduction title. I’ve had a look at Louise’s post and am feeling done-for. Can you please advise me as to how to practice this skill?

    Thanks,
    Nicole

    • keith webster says:

      Hi Nicole,

      Sorry for the late reply on your post. It was held up for moderation, but I’m not sure why.

      I think the best way to practice HTML for those that don’t want to get into hand-coded web development (a significant step beyond what’s needed for most educators), is to use a tool like the two windows above or the W3 Schools links that are at the top of each of these HTML pages. The takeaway skill that I hope everyone gets from these activities is the ability to use a snippet of HTML to force their own style or layout in a piece that is otherwise being hosted within a system – say WordPress or Moodle. This is where I do a lot of the ‘bits’ of HTML that I still do. I haven’t done an entire website from scratch since around 2008.

      It is important for those going further in web development (even though they will, with the rarest exceptions), always be manipulating a tool like WordPress (or Joomla or Drupal etc.), to learn how a web page is constructed using an HTML file, a CSS file and perhaps a JavaScript file. Knowing these basics is required to understand what tools like WordPress are doing for you.

      Keith

Leave a Reply