HTML Tutorial for Beginners ― HTML 编程入门
This is a good HTML tutorial for new HTML learners. The contributions are summarized below:
- Great HTML concise examples.
- The basic elements of HTML.
- How to add pictures to HTML.
Thanks for the HTML tutorial of Runoob: https://www.runoob.com/html/html-tutorial.html.
1. An HTML Document Sample:
<!DOCTYPE html>
<html>
<head>
<meta charset
="utf-8">
<title>
Here is the title (runoob.com)</title>
</head>
<body>
<h1>
My first title</h1>
<p>
My first paragraph。</p>
</body>
</html>
Here is the explanation of the example document above.
<!DOCTYPE html> Defined an HTML5 document
<html>HTML start flag
</html>HTML end flag
<head> This is a header of HTML, it may include meta data, e.g., <meta charset
="utf-8">define the network coding format as utf-8。
<title>Defined the title of the HTML content.
<body>Defined the body of the HTML content.
<h1>Defined the title of a paragraph.
<p>Defined a paragraph.
2. HTML Font Sizes:
<h1>This is title 1</h1>
<h2>This is title 2</h2>
<h3>This is title 3</h3>
<h4>This is title 4</h4>
<h5>This is title 5</h5>
<h6>This is title 6</h6>
Here is the demo of the codes above with different size of words.
This is title 1
This is title 2
This is title 3
This is title 4
This is title 5
This is title 6
3. HTML Font Styles:
<b>This text is bold.</b>
<strong>This text is bold.</strong>
<big>This text is enlarged.</big>
<em>This text is italicized.</em>
<i>This text is italicized.</i>
<small>This text is zoomed out.</small>
<sup>Superscript</sup>
<sub>Subscript</sub>
Here is the demo of the codes above.
This text is bold.
This text is bold.
This text is enlarged.
This text is italicized.
This text is italicized.
This text is zoomed out.
Superscript
Subscript
4. HTML HyperLinks and Images:
<a href="https://eulz.net" target="_blank">This is a hyperlink.</a>
<img loading="lazy" src="../image/Tmobile.png" width="480" height="270">
Notes:
Thanks for visiting my website.
Updated on 09/02/2025
For more information, please visit https://www.runoob.com/html/html-tutorial.html.
Leave a Comments
Send us your valuable feedback about our services