Wikipedia

User:MintChocoChip/Creations/HTML/hello.html: Difference between revisions

Browse history interactively
← Previous edit
Content deleted Content added
VisualWikitext
No edit summary
m →top: Replaced deprecated <source> tags with <syntaxhighlight>
 
(5 intermediate revisions by 2 users not shown)
Line 1:
 
Hello, Wikipedians!
 
It's Nana here. Today we are going to discuss about on how to make a HTML document.
 
#1. Launch a text editor.
*TIP: You can use [[Geany]](cross-platform), [[Notepad2]](Windows), [[Notepad++]](Windows), [[SciTE]](cross-platform).
*BEWARE: HTML documents should not be created in [[word processors]].
#2. Type in the first line:
*TIP: The code <code><!DOCTYPE HTML></code> is not case-sensitive. You can type in: <code><!doctype html></code>, <code><!Doctype Html></code>, or <code><!DOCTYPE HTML></code>.
<sourcesyntaxhighlight lang="html4strict"><!DOCTYPE html></sourcesyntaxhighlight>
#Type in the second line:
*BEWARE: Don't type in the <source lang="html4strict"><!---Character set and title content to go here---></source> or <source lang="html4strict"><!---Text, image, video (etc) content to go here--></source>▼
 
<sourcesyntaxhighlight lang="html4strict"><headhtml lang="en"></syntaxhighlight>
 
3. Type in the third line:
▲*BEWARE: Don't type in the <sourcesyntaxhighlight lang="html4strict"><!---Character set and title content to go here---></sourcesyntaxhighlight> or <sourcesyntaxhighlight lang="html4strict"><!---Text, image, video (etc) content to go here--></sourcesyntaxhighlight>
 
<sourcesyntaxhighlight lang="html4strict"><head>▼
<!---Character set and title content to go here--->
</head>
Line 18 ⟶ 23:
<body>
<!---Text, image, video (etc) content to go here-->
</body></sourcesyntaxhighlight>
 
#4. Within the <head> section, type in:
▲<source lang="html4strict">
<syntaxhighlight lang="html4strict">
<meta charset="UTF-8">
<title>Getting Started with HTML5</title>
</syntaxhighlight>
 
5. Within the <body> section, type in:
<syntaxhighlight lang="html4strict">
<h1>Hello World!</h1>
</syntaxhighlight>
 
6. Type in the final line:
<syntaxhighlight lang="html4strict">
</html>
</syntaxhighlight>
 
7. Now show it up in your browser~
* TIP: You can use any browser to display the HTML document.
:*It should look like this:
[[File:HTML running in Mozilla Firefox.png|300px]]
 
Any questions? Ask them at [[User talk:MochaMilk/Creations/HTML/hello.html]]
 
If you want the code, click here: [[User:MochaMilk/Creations/HTML/hello.html/code]]
Retrieved from "https://en.wikipedia.org/wiki/User:MintChocoChip/Creations/HTML/hello.html"