# What is HTML?

HTML (Hyper Text Markup Language) is a markup language that defines the structure and content of web pages. It consists of a series of tags (such as <h3>, <ul>, <li>, etc. below) which form various elements (such as << h3>...</h3>, <li>...</li>, etc.), these elements define the meaning and structure of the content of the web page to form an HTML document. One of these elements is extremely important - hypertext (hyperlink),In HTML it is represented by the <a> tag,which makes HTML documents linked and can jump to each other. It is precisely because of the concept of hypertext (hyperlink) that The world of the World Wide Web is formed today.

🧑‍💻 Give it a try 🔺
html

What are the works of Wang Xiaobo?

  • 《The Bronze Age》
  • 《The Silver Age》
  • 《Golden Age》
  • ............
more
preview

Notice

HTML is not a programming language, it is just a markup language used to define content and content structure

# Hyper Text

Hypertext refers to links that connect web pages within a single website or between multiple websites, which make HTML documents linked and can jump to each other. Although it is only an element in an HTML document (represented by the <a> tag), it is a very important concept in HTML and even the Web, and it is precisely because of the concept of hypertext that today's World Wide Web World.

🧑‍💻 Give it a try 🔺
html

# Tags

There are many different tags in HTML that define the meaning of the content, such as <img> tag for images, <h1> tags for first-level headings, <a> tags for hyperlinks, etc. . These different tags surround different content to form various elements, which indicate the meaning and organizational structure of the content of the web page.

🧑‍💻 Give it a try 🔺
html

first-level headings

hyperlinks
preview

# Elements

Elements consist of tags surrounding different content, and elements composed of different tags can express the meaning of the content (this element is a picture, a piece of text or a video), and through the element's arrangement order and Nesting expresses the structure of content.

🧑‍💻 Give it a try 🔺
html

My Conversation With Him

Me:I am very Angry😡, you know what?

Him:Yeah? sorry 😣

Me:Won't you apologize to me 🤔?

Him:sorry 😥

preview

# Composition Of Elements

Most elements in HTML consist of Opening tag, Closing tag and content

  • Opening tag: This consists of the name of the element (in this example, p for paragraph), wrapped in opening and closing angle brackets. This opening tag marks where the element begins or starts to take effect. In this example, it precedes the start of the paragraph text.
  • Closing tag:This is the same as the opening tag, except that it includes a forward slash before the element name. This marks where the element ends. Failing to include a closing tag is a common beginner error that can produce peculiar results.
  • Content:This is the content of the element. In this example, it is the paragraph text.

Some elements only have a start tag, usually used to insert/embed something at the element's place.For example: the element img is used to insert a specified image at the location of the element img

🧑‍💻 Give it a try 🔺
html
preview

# Nesting elements

You can put elements inside other elements - this is called nesting, and usually we use nested elements to organize the content structure of an HTML document. The nested outer element is the parent element of the inner element, and the inner element is the child element of the outer element. In the following example, the <p> element is the parent element of the <strong> and <em> elements, The <strong> and <em> elements are children of the <p> element.

🧑‍💻 Give it a try 🔺
html

I'm really handsome absolutely handsome

preview

You need to ensure that the elements are properly nested. The following is the correct nesting format. There is no limit to the number of levels and elements of nesting. In theory, you can nest infinitely.

<Opening tag of parent element>
   <Opening tag of child element></closing tag of child element>
   <Opening tag of child element></closing tag of child element>
   <Opening tag of child element>
     <Opening tag of child element></closing tag of child element>
   </closing tag of child element>
</closing tag of parent element>



Reference in this section