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.
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
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