Read-Only Mode: Your progress will not be saved, and certain functions are unavailable. Sign up to access the full features of Cratecode.
By: Cratecode
Let's take a look at some basic HTML. First, set up your HTML document. Remember, start with <!DOCTYPE html>
, then create an html
element with a head
and body
element inside it.
A lot of HTML deals with text, so we'll start off with that. Here are a few of the most basic HTML text elements:
Headings are used to bring significance to some text by making the text big and bold. They come in different levels of intensity, with the biggest heading being h1
, and the smallest being h6
. Here's an example:
<h1>BIG HEADING</h1> <h5>little heading</h5>
Paragraphs are another basic text element in HTML. They represent, well, paragraphs, and are used to house most kinds of texts. They're used with the p
element. Here's an example:
<p>Normal text here</p>
HTML includes some basic elements to do text styling (bold, small, strikethrough, etc). These should be inside another text element, such as a p
. Here's a little list (although there are many, many more that aren't included):
i
- will italicize text.s
- renders a line (strikethrough) inside of text.small
- makes text smaller.strong
- makes text bold.Here's an example of using them:
<p> <s ><strong>ERROR:</strong> Service <i>error prone service</i> encountered an error.</s > <strong>ERROR RESOLVED</strong> </p>
Try using these elements to create a little story with enhanced styling. It could be about anything, but here's some ideas if you get stuck:
Anything goes, just make sure to use at least one element from each category (though I'd encourage you to do more than one). Mess around with it and see what you can do with these elements, and remember, every website is built using HTML. Good luck!
Also, here's an HTML cheatsheet with a list of HTML elements: HTML Cheatsheet.
Output is unavailable in read-only mode.
AI Assistant