HTML
HTML (HyperText Markup Language) is the backbone of the interwebs. Nowadays people don't write just HTML, but combine it with CSS and JavaScript, with some backend written in languages such as PHP. HTML is not a programming language - just a markup language for writing websites with. It was formerly managed by W3C but it is now by WHATWG. (nophono is stopping you from making your own HTML DTD doe)
While HTML is similar to XML, it is not actually XML, as HTML has predefined tags specifically meant for constructing web documents, whereas XML is just for representing arbitrary data.
List of useful HTML tags[edit | edit source]
If you're on this page you probably know the most common tags, so here are some lesser known tags.
<pre>code here</pre>- Displays a code block. You still need to escape this.
<abbr title="Soyjak Wiki">'ki</abbr>- Adds a tooltip to some text.
<mark>highlighted text</mark>- highlight some text
<q>o algo</q>- Quote someone. It automatically adds the quotes for you.
<blockquote>lots of text here</blockquote>- A multilined quote.
A simple HTML document[edit | edit source]
| HTML | Comment |
|---|---|
<!DOCTYPE html> |
This marks that the HTML is the latest version, reducing compatibility issues |
<html> |
All of your HTML goes inside this |
<head> |
Info about the page that the user doesn't see |
<title>Test page</title> |
The title to appear in the tab it's in |
</head> |
Closes the head |
<body> |
Starts the actual content the user sees |
<h1>Test page</h1> |
A big heading |
<img src="img.jpg" float="right" /> |
An image that will align right and wrap around text |
<h2>What is a test page?</h2> |
Subheading. These go all the way down to <h6> |
<p>A test page is for testing.</p> |
A paragraph |
</body> |
Closes the body |
</html> |
Closes the html |
More advanced HTML document[edit | edit source]
This has a title, sidebar and body, all in seperate sections. Remember to link things using <a href="your-page.html">link text</a>.
| HTML | Result | ||||
|---|---|---|---|---|---|
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
body {font-family: Arial, Helvetica, sans-serif}
h1, h2 {margin: 2px}
.sidebar, .maincontent {padding: 2px}
</style>
</head>
<body>
<table width="476" border="0" cellspacing="2" cellpadding="0" bgcolor="#000099">
<tr>
<td colspan="2" align="center" bgcolor="#EAF1FF" class="header"><h1>Your Shit Website</h1></td>
</tr>
<tr>
<td width="107" valign="top" bgcolor="#EAF1FF" class="sidebar">Menu:<br>
> About<br>
> Downloads<br>
> Socials<br>
©2025</td>
<td width="363" valign="top" bgcolor="#66CCFF" class="maincontent"><h2>Blogpost 2</h2>
<p>SNCA here. SNCA here. SNCA here.</p>
<h2>Blogpost 1</h2>
<p>Shit Nobody Cares About.</p></td>
</tr>
</table>
</body>
</html>
|
| ||||
|
HTML is part of a series on Computer Science. |
|
|---|---|
| Languages | Low Level Assembly • C • C++ • C# • Holy C • Rust High Level Java • Go • PHP • Python • SQL • Bash • JavaScript • PowerShell • ActionScript • Scratch • Ruby • Lua |
| Software | Imageboards nusoi • Vichan • Yotsuba • OpenYotsuba OSes Windows • Linux • Android • TempleOS |
| AI |
ChatGPT • Gemini • Grok • Vibe coding • Generative AI • Stable Diffusion |
| More | SoyGNU • CGI • DDoS • Game development • Piracy • Regex • Doxing • Microsoft • Apple • Google • Datamining • WebP • Artificial soyduel • Ratio dueling • Customization • Ricing • FSL • Windows debloating |
