Home > Article > Web Front-end > What is an HTML file? A preliminary understanding of HTML files
What is an HTML file? A preliminary understanding of HTML files
- 寻∝梦Original
- 2018-08-13 19:28:064832browse
This is an introductory tutorial on HTML5. In order to allow more beginners to find the right direction, this article is all about how beginners can learn HTML5 systematically.
1. What is an HTML file?
The full English name of TML is Hypertext Marked Language, and the Chinese name is "Hypertext Markup Language".
The difference from ordinary text is that an HTML file not only contains text content, but also contains some Tags, which are called "tags" in Chinese.
The suffix of an HTML file is .htm or .html.
You can write HTML files using a text editor.
2. Write an HTML file
The full English name of TML is Hypertext Marked Language, and the Chinese name is "Hypertext Markup Language".
The difference from ordinary text is that an HTML file not only contains text content, but also contains some Tags, which are called "tags" in Chinese.
The suffix of an HTML file is .htm or .html.
You can write HTML files using a text editor.
<html> <head> <title>PHP中文网</title> </head> <body> This is my first homepage.<b>This text is bold</b> </body> </html>
To view the first.html file, double-click it. Or open the browser, select Open from the File menu, and then select the file.
The first Tag of this file is 100db36a723c770d327fc0aef2ce13b1. This Tag tells your browser that this is the header of the HTML file. The last Tag of the file is 73a6ac4ed44ffec12cee46588e518a5e, indicating that the HTML file ends here.
The content between 93f0f5c25f18dab9d176bd4f6de5d30e and 9c3bca370b5104690d9ef395f2c5f8d1 is Head information. Head information is not displayed and you cannot see it in the browser. But that doesn't mean the information isn't useful. For example, you can add some keywords to the Head information to help search engines search for your web page.
The content between b2386ffb911b14667cb8f0f91ea547a7 and 6e916e0f7d1e588d4f442bf645aedb2f is the title of this file. You can see this title in the title bar at the top of your browser.
The information between 6c04bd5ca3fcae76e30b72ad730ca86d and 36cc49f0c466276486e50c850b7e4956 is the main text.
The text between a4b561c25d9afb9ac8dc4d70affff419 and 0d36329ec37a2cc24d42c7229b69747a is in bold. a4b561c25d9afb9ac8dc4d70affff419As the name suggests, it means bold.
HTML files look similar to ordinary text, but they have more tags than ordinary text, such as 100db36a723c770d327fc0aef2ce13b1, a4b561c25d9afb9ac8dc4d70affff419, etc. Through these tags, you can tell the browser how to display this file.
HTML Elements
HTML Elements are used to mark text and represent the content of the text. For example, body, p, and title are HTML elements.
HTML elements are represented by Tag, which starts with 17ce87ee3c79a19ac16b86afcfdb7854.
Tag usually appears in pairs, such as 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956. The starting one is called Opening Tag, and the ending one is called Closing Tag.
Currently, HTML Tags are not case-sensitive. For example, 6a74014ee44f5deb5894267f99b68016 and 100db36a723c770d327fc0aef2ce13b1 are actually the same.
Attributes of HTML Elements
HTML elements can have attributes. Attributes extend the capabilities of HTML elements.
For example, you can use a bgcolor attribute to make the background color of the page red, like this:
5bd2413fb59889bf0da8c9f08b90855f
Another example , you can use the border attribute to set a table to a borderless table. As follows:
834763c67ef419e9ac4571065f99ad9a
Attributes usually appear in pairs of attribute name and value, like this: name="value". In the above example, bgcolor and border are name, red and 0 are value. Attribute values are generally marked with double quotes. The attribute is usually attached to HTML's Opening Tag, not the Closing Tag.
Text title
This example shows you how to define the text title in an HTML file.
HTML uses tags from 4a249f0d628e2318394fd9b75b4636b1 to 4e9ee319e0fa4abc21ff286eeb145ecc to define the text title, from large to small. Each text title is its own paragraph.
<h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6>
Paragraph division
Use e388a4556c0f65e1904146cc1a846bee and 94b3e26ee717c64999d7867364b1b4a3 to divide paragraphs in HTML.
<p>This is a paragraph</p> <p>This is another paragraph</p>
Line break
By using the 0c6dc11e160d3b678d68754cc175188a tag, you can wrap the line without creating a new paragraph. 0c6dc11e160d3b678d68754cc175188aNo Closing Tag. It is a bad habit to use e388a4556c0f65e1904146cc1a846bee for line breaks. The correct thing is to use 0c6dc11e160d3b678d68754cc175188a.
e388a4556c0f65e1904146cc1a846beeThis0c6dc11e160d3b678d68754cc175188ais a para0c6dc11e160d3b678d68754cc175188agraph with line breaks94b3e26ee717c64999d7867364b1b4a3
HTML comments
In HTML In the file, you can write code comments to explain your code, which will help you and others better understand your code in the future.
Comments can be written between 0f22cfdea9b4f9815ce45283dc15856e. Browsers ignore comments, and you won't see your comments in the HTML body.
<!--This is a comment -->
Some tips
HTML files will automatically cut off extra spaces. No matter how many spaces you add, they are all counted as one space. A blank line is also considered a space.
Some Tags can separate the text into a paragraph without using e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3 to segment it. For example, title tags such as 4a249f0d628e2318394fd9b75b4636b1473f0a7621bec819994bb5020d29372a.
[Related recommendations]
The development history of HTML and HTML5
Basic elements of html, allowing you to learn HTML from scratch
The above is the detailed content of What is an HTML file? A preliminary understanding of HTML files. For more information, please follow other related articles on the PHP Chinese website!
Related articles
See more- AlloyTouch full-screen scrolling plug-in creates a smooth H5 page in 30 seconds
- HTML5 actual combat and analysis of touch events (touchstart, touchmove and touchend)
- Detailed explanation of image drawing examples in HTML5 canvas 9
- Regular expressions and new HTML5 elements
- How to combine NodeJS and HTML5 to drag and drop multiple files to upload to the server