Basic structure of HTML documents (basic knowledge of making web pages)
|
HTML operation principle: 1. Local operation: open the html file with a browser 2. Remote access operation: local browser accesses remote server (tomcal) It is best not to have Chinese characters in the web page file name, because web page files will be saved on the server in the future. It is recommended to use English to save HTML files. You can use either .htm or .html file suffix. 2. Basic Structure of HTML Document 1. Document skeleton: All web page files usually consist of the following four pairs of tags to form the document skeleton Copy code The code is as follows:<html> <head> <title>Webpage title</title> </head></p> <p><body> This is where you put the content to be displayed on the web page </body> </html> <html>....</html>: marks the beginning and end of a web page. All HTML elements must be placed between these tags. <head>....</head>: identifies the header information of the web page file, such as title, search engine keywords, etc. The content inside is loaded first <title>....</title>: Identifies the title of the web page file <body>....</body>: identifies the main body of the web page file, that is, the visible content of the page 2. Meta tags The meta tag is used to define file information and describe the web page to facilitate search engine search. It should be placed between <head> <head/> Set keywords: (short, for search engines) Describes the version of the web page: Describes what software the web page was created with: Copy code The code is as follows:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Web design, learn web pages" /> <meta name="description" content="How to learn web design, methods of learning web design, HTML Chinese manual" /> <meta name="author" content="123WORDPRESS.COM" /> <meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> <meta name="revised" content="html4.01"> <title>HTML document basic structure_meta tag</title> </head> <body> The meta tag is used to define file information and describe the web page to facilitate search engine search. </body> </html> 3. Head area Copy code The code is as follows:<head> <title>Web page title</title>File title declaration<mate>Some document information, such as the document keywords, description, character set settings, etc. <base> Hyperlink URL base reference point JavaScript and VBScript Programs stylesheet can be used to set the layout declaration <link> can reference external files, such as CSS layout samples </head> 3. Syntax of HTML tags The most basic syntax of HTML is <tag>content</tag>. Tags are usually used in pairs: an opening tag and an ending tag. There is also a single tag without an ending tag, such as <hr/> HTML tag types: single tag and double tagDouble tag: Single marker: Copy code The code is as follows:<!-- With attributes: <tag name attribute="attribute value">...</tag name> For example: <font size="3">.....</font>--> <font size="4" color="#33FF00">2. The physical education teacher said: Anyone who dares to wear a skirt to my class will be punished by standing upside down! </font> </p> <p><!--Without attributes: <tag name>...</tag name> For example: <title>.....</title>--></p> <p><!--With attributes: <tag name attribute="attribute value"> For example: <hr width="200"/> (the default is centered)--> <hr width="200"/></p> <p><!--No attribute: <tag name> Such as: Indicates a line break but not a paragraph break--></p> <p>3. Live in my heart, have you paid the rent? 4. You made me lose face, so I won’t even give you a chance to get back on stage. |
<<: Implementing login page based on layui
>>: Linux operation and maintenance basic process management and environment composition analysis
Recommend
How to set up the terminal to run applications after Ubuntu starts
1. Enter start in the menu bar and click startup ...
jQuery simulates picker to achieve sliding selection effect
This article shares the specific code of jQuery t...
Example code for implementing a pure CSS pop-up menu using transform
Preface When making a top menu, you will be requi...
Vue batch update dom implementation steps
Table of contents Scene Introduction Deep respons...
About the problem of vertical centering of img and span in div
As shown below: XML/HTML CodeCopy content to clip...
JavaScript basics of this pointing
Table of contents this Method In the object Hidde...
Detailed explanation of the difference between arrow functions and normal functions in JavaScript
This article explains the difference between arro...
Website Building Tutorial for Beginners: Learn to Build a Website in Ten Days
The 10-day tutorial uses the most understandable ...
Sitemesh tutorial - page decoration technology principles and applications
1. Basic Concepts 1. Sitemesh is a page decoratio...
Nginx Layer 4 Load Balancing Configuration Guide
1. Introduction to Layer 4 Load Balancing What is...
Install Docker for Windows on Windows 10 Home Edition
0. Background Hardware: Xiaomi Notebook Air 13/In...
MySQL learning notes: data engine
View the engines supported by the current databas...
Summary of MySQL common SQL statements including complex SQL queries
1. Complex SQL queries 1.1. Single table query (1...
Example analysis of mysql variable usage [system variables, user variables]
This article uses examples to illustrate the usag...
Example of troubleshooting method to solve Nginx port conflict
Problem Description A Spring + Angular project wi...