HTML Basics - 4 Examples


Don't worry about the examples in this chapter that you haven't learned yet,

You will learn them in the following chapters.

HTML Heading

HTML Heading (Heading) is defined by <h1> - <h6> tags. [Please refer to HTML Programming Dictionary for detailed explanation of <h1>-<h6> tags]

##Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>

</body>
</html>

Run Instance»
Click the "Run Instance" button to view the online instance

HTML paragraph

HTML paragraph is defined by the tag <p>. [Please refer to

HTML Programming Dictionary in < p>TagDetailed explanation】

##Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>

</body>
</html>

Run Example»

Click the "Run Example" button to view the online example

HTML link

HTML link is via Tag <a> is defined. [Please refer to

HTML Programming Dictionary

for detailed explanation of <a> tag]

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<a href="//m.sbmmt.com">这是一个链接使用了 href 属性</a>

</body>
</html>

Run Instance»

Click the "Run Instance" button to view the online instance

Tip: Specify the address of the link in the href attribute.

(You will learn more about properties later in this tutorial).

HTML Image

HTML Images are defined by the tag <img>. [Please refer to HTML Programming Dictionary for detailed explanation of the <img> tag]

Example

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>

<img src="/images/w3cschool.png" width="300" height="120" />

</body>
</html>

Run Example»Click the "Run Example" button to view the online example

Note: The name and size of the image are in Provided in the form of attributes.

←
→