HTML 编程入门 ― HTML Tutorial for Beginners
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. HTML Example (HTML 实例):
<!DOCTYPE html>
<html>
<head>
<meta charset
="utf-8">
<title>
菜鸟教程(runoob.com)</title>
</head>
<body>
<h1>
我的第一个标题</h1>
<p>
我的第一个段落。</p>
</body>
</html>
<!DOCTYPE html> 声明为 HTML5 文档
<html>元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据，如<meta charset
="utf-8">定义网页编码格式为 utf-8。
<title>元素描述了文档的标题
<body>元素包含了可见的页面内容>
<h1>元素定义一个大标题
<p>元素定义一个段落
2. HTML Font Size: (HTML 字体大小):
<h1>标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
标题 1
这是标题 2
这是标题 3
这是标题 4
这是标题 5
这是标题 6
3. HTML Font Style (HTML 字体样式):
<b>这个文本是加粗的</b>
<strong>这个文本是加粗的</strong>
<big>这个文本字体放大</big>
<em>这个文本是斜体的</em>
<i>这个文本是斜体的</i>
<small>这个文本是缩小的</small>
<sup>上标</sup>
<sub>下标</sub>
这个文本是加粗的
这个文本是加粗的
这个文本字体放大
这个文本是斜体的
这个文本是斜体的
这个文本是缩小的
上标
下标
4. HTML HyperLink and Image (HTML 链接和图像):
<a href="https://eulz.net" target="_blank">这是一个链接</a>
<img loading="lazy" src="../image/Tmobile.png" width="480" height="270">
For more information, please visit https://www.runoob.com/html/html-tutorial.html.
Leave a Comments
Send us your valuable feedback about our services