1<!DOCTYPE html>
2<html>
3<head>
4<title>Page Title</title>
5</head>
6<body>
7
8</body>
9</html>
10
1
2<html>
3<head>
4<style>
5body {background="purple";}
6</style>
7<title>Page Title<title>
8</head>
9<body>
10<h1>Yay</h1>
11<p>yay is a word used to describe that your happy!</p>
12</body>
13</html>
1<!DOCTYPE html>
2<html>
3 <head>
4 <meta charset="utf-8">
5 <title>HTML basics</title>
6 </head>
7 <body>
8
9
10 </body>
11</html>
1tep 1: Open TextEdit (Mac)
2Open Finder > Applications > TextEdit
3
4Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text"
5
6Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".
7
8Then open a new document to place the code.
9
10Step 2: Write Some HTML
11Write or copy the following HTML code into Notepad:
12
13<!DOCTYPE html>
14<html>
15<body>
16
17<h1>My First Heading</h1>
18
19<p>My first paragraph.</p>
20
21</body>
22</html>
23Notepad
24
25Step 3: Save the HTML Page
26Save the file on your computer. Select File > Save as in the Notepad menu.
27
28Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred encoding for HTML files).
29
30View in Browser
31
32Tip: You can use either .htm or .html as file extension. There is no difference, it is up to you.
33
34Step 4: View the HTML Page in Your Browser
35Open the saved HTML file in your favorite browser (double click on the file, or right-click - and choose "Open with").
36
37The result will look much like this:
38
39View in Browser
40
41W3Schools Online Editor - "Try it Yourself"
42With our free online editor, you can edit the HTML code and view the result in your browser.
43
44It is the perfect tool when you want to test code fast. It also has color coding and the ability to save and share code with others:
45
46Example
47<!DOCTYPE html>
48<html>
49<head>
50<title>Page Title</title>
51</head>
52<body>
53
54<h1>This is a Heading</h1>
55<p>This is a paragraph.</p>
56
57</body>
58</html>
1You can both use notepad(Pc), TextEdit(Mac) but thats not really good
2so i would probably use atom, sublime text or visual studio code