Introduction to HTML
The concept of HTML
When we learn HTML, we need to know what HTM is?
Long story short, HTML was invented by a scientist named Tim Berners-Lee. The purpose of his invention of HTML was to make it easier for scientists from different universities to access each other's research documents. HTML has achieved great success, far exceeding Tim Berners-Lee's original expectations. By inventing HTML, he laid the foundation for the World Wide Web as we
# know it today. HTML is a language that allows us to display information (such as scientific research information) on the Internet. The web page you see is the result of the
# browser interpreting HTML. To view the HTML code of a web page, just click View Source on the browser menu bar and select "Source File"
For newbies In general, HTML codes may seem complicated, but this tutorial will help you figure out what they mean.
What can HTML be used for?
HTML is used to make websites. It's that simple!
#HTML file
What is an HTML file? The full English name of HTML 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.
Use a text editor to write HTML files
.HTML document = web page
HTML document description web page HTML documents contain HTML tags and plain text
HTML documents are also known as web pages
- Let’s look at an HTML file first
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> 建立的第一个HTML文件 <b> bold ：粗体</b> </body> </html>
## The #<!DOCTYPE> declaration must be the first line of the HTML document, before the <html> tag. It is an instruction that instructs the web browser as to which version of HTML the page should be written in. <!DOCTYPE html> Backwards Compatibility <html> and </html> tags define the starting point of the document and the end point, between them are the document's header and body. In addition, generally in HTML5 <html> will be written to <html lang="zh-CN"> to tell the browser that the website is a Chinese site. The content between <head> and </head> is Head information. Head information is not displayed and you cannot see it in the browser. But this does not mean that this information is useless. For example, you can add some keywords to the Head information to help search engines search for your web page. <meta charset="UTF-8">This sentence means that the code we use is UTF-8 encoding The information between <body> and </body> is the visible page content. Tag tag ##HTML Elements · HTML Element (HTML Element) is 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 < and ends with >. · Tags usually appear in pairs, such as <body></body>. The one at the beginning is called the starting tag, and the one at the end is called the ending tag. · Currently, HTML tags are not case-sensitive. For example, <HTML> and <html> are actually the same. Use Notepad or TextEdit to write HTML You can use a professional HTML editor to edit HTML: Adobe Dreamweaver Microsoft Expression Web CoffeeCup HTML Editor Go to Baidu to search, download and install them However, we also recommend using a text editor to learn HTML, such as Notepad (PC) or TextEdit (Mac). We believe that using a simple text editor is a great way to learn HTML. Use Notepad and follow the four steps below to create your first web page. The content of the web page is: Wow! This is my first website Step 1: Start Notepad How to start Notepad: Right-click on the desktop, create a new text document, Step 2: Use Notepad To edit HTML, enter the following HTML code in Notepad: ##Save the file and copy it Naming, change the suffix of the file to .htm or .html suffix, there is no difference between the two, it is completely based on your preference. Step 4: Run this HTML file Double-click directly to open your HTML file Done! You've completed your first real website (even though it only consists of a simple web page)! <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>php.cn</title>
</head>
<body>
哇！这是我的第一个网站
</body>
</html>
##Step 3: Save the HTML file
