HTML basics
Let’s learn some basic HTML tags through some examples
##HTML Title
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <h1>這是標(biāo)題 1</h1> <h2>這是標(biāo)題 2</h2> <h3>這是標(biāo)題 3</h3> <h4>這是標(biāo)題 4</h4> <h5>這是標(biāo)題 5</h5> <h6>這是標(biāo)題 6</h6> </body> </html>will output:
This is title 1
This is title 2
This is title 3
This is title 4
This is title 5
This is title 6HTML paragraph
HTML paragraph is defined by the tag <p>.Example<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <p>一個段落。</p> <p>另一個段落。</p> <p>還是一個段落。</p> </body> </html>Output:
A paragraph.
Another paragraph.
is still a paragraph.
#HTML Link HTML links are defined through the tag <a>.
Example<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <a href="http://miracleart.cn">這是一個鏈接使用了 href 屬性</a> </body> </html>
Output:
This is a link using the href attributeTips: Specify the address of the link in the href attribute.
(You will learn more about properties later in this tutorial).
HTML imagesHTML images are defined through the tag <img>.
Example
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <img src="/upload/course/000/000/008/57faf9bfe885a872.jpg" width="300" height="180" /> </body> </html>
Output:
Note: The name and size of the image are provided as attributes.
