HTML elements

1. What are HTML elements?

In the first chapter, in order to avoid conceptual confusion when introducing tags, we briefly introduced HTML elements. , here we will start to introduce HTML elements in detail.

HTML elements refer to all code from the start tag to the end tag. HTML web pages are actually text files composed of many various HTML elements, and any web browser can directly run HTML files. So it can be said that HTML elements are the basic objects that constitute HTML files, and HTML elements can be said to be a general term. HTML elements are defined using HTML tags.

<Start tag> Element content <End tag>

This is an element:

<p>PHP中文网</p>

2.HTML element syntax

HTML elements start with a start tag

HTML elements end with an end tag

The content of the element is the content between the start tag and the end tag

Some HTML elements have empty content

Empty elements are closed in the opening tag (end with the end of the opening tag)

Most HTML elements can Have attributes (will be discussed below)

3. HTML element nesting

Example Let’s take a look at the previous example. , there are several elements in the following example:

<html>
    <body>
        <p>PHP中文网</p>
    </body>
</html>

The answer is of course three, it should be easy to understand, this is the so-called nesting.

4. HTML empty element

An HTML element without content is called an empty element. is an empty element without a closing tag (the tag is used to define line breaks). In XHTML, XML, and future versions of HTML, all elements must be closed. Adding a slash to the opening tag, such as , is the correct way to close an empty element. Even though is valid in all browsers, using is actually more efficient. Long-term protection, after saying so much, I just want to use when changing lines in the future.

We saw from the example earlier that after the tag ends, there is also a line break action. Now let’s introduce it. Let me show you the tag and The difference between tags

The same thing is that both br and p have line-break attributes and meanings

The difference between is that only one of them needs to be used alone, while and is a pair of lines using

. The br tag is a small line break (equivalent to a carriage return when we usually enter text), and the p tag is a large line break (paragraph, equivalent to two carriage returns). ) function of each line.

Let’s take a look at the difference between the two tags. Let’s do a line break

QQ截图20161205151937.png

QQ截图20161205151552.png

One more line break

QQ截图20161205152156.png

QQ截图20161205151656.png

##This time You will definitely have a better grasp of them in the future

Continuing Learning

new file

<html> <head> <title>php</title> </head> <body> 很长一段时间 我非常开心 我来到了PHP中文网！ </body> </html>

submit Reset Code

Automatic operation

HTML elements

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]