All you need to make basic website is TextEdit, browser, and a little bit of code.
Open up TextEdit and make sure you are working in Plain Text format (not Rich Text).
First, give your website a declaration letting the browser know how to interpret your code.
3. HTML: Structure and Content
HTML tags live between
<> and most1 require both an opening and closing tag, written
</tag>. Structure your page with a head and body:
<head>Head of your webpage!
<body>Body of your webpage!
<head> of your site holds important information about the site, like the
<title>, metadata, and more.
<body> holds the content. Put some text between paragraph
<p> tags. Add images with
<img> tags and make headings stand out with sizes ranging from
<h6>. Here is a reference guide for many common HTML tags.
4. CSS: Style
CSS can enhance the look of your site beyond simple text and it lives between
You can link to an external CSS document, but you can also add CSS in the
<head> of your site between
<style> tags. Make sure your CSS properties correspond with the element you want to style. For example, to make the paragraph text red:
Here is a list of common CSS properties.
5. Open in a Browser
Go to your favorite browser, navigate to File > Open to preview your site!
Some tags are self closing, like images. ↩