Introduction to HTML page source code layout_Powernode Java Academy
|
Introduction to HTML page source code layout This introduction takes the screenshot of Google's homepage source code as an example:
From top to bottom: <!DOCTYPE html> This tag tells the browser which HTML or XHTML specification the document uses. XHTML specification: must be lowercase, have start and end tags, and attributes must also be quoted in double quotes. HTML specification: not case-sensitive, has start and end tags, and the end tag can be placed inside the start tag, such as: <input type='text' />. Attributes can use double quotes or single quotes (must be used in pairs). HTML node: The root node of the HTML page. The code information of the page is placed in this node. <head> node: head node. Contains the following child nodes: <mete> tag: provides meta-information of the page, such as page keywords; <title> tag: the title of the page; <script> tag: generally stores CSS and JavaScript codes; <Body> node: page content area, storing html element information <Div> tag: stores various element controls. <script> tag: Because the HTML page is loaded from top to bottom, instead of displaying the contents all at once after loading, the contents are displayed while loading. Putting Script after body is similar to indicating that the code in this Script will call the elements in body. If it is placed in the Head tag, when this script code is run, the elements in the body have not been loaded yet and the required element information cannot be obtained. The above is the full content of this article. I hope it will be helpful for everyone’s study. I also hope that everyone will support 123WORDPRESS.COM. |
<<: How to manage multiple projects on CentOS SVN server
>>: MySQL 8.0.22 download, installation and configuration method graphic tutorial
Recommend
MySQL transaction concepts and usage in-depth explanation
Table of contents The concept of affairs The stat...
How to use linux commands to convert and splice audio formats
Install FFmpeg flac eric@ray:~$ sudo apt install ...
How to use the HTML form attributes readonly and disabled
1. readonly read-only attribute, so you can get th...
How to control the startup order of docker compose services
summary Docker-compose can easily combine multipl...
MySQL 5.7.18 free installation version window configuration method
This is my first blog. It’s about when I started ...
MySql 8.0.11 installation and configuration tutorial
Official website address: https://dev.mysql.com/d...
Detailed explanation of CSS to achieve the effect of illuminating the border by imitating the Windows 10 mouse
After installing the latest Windows 10 update, I ...
How does the composite index of MySQL take effect?
Table of contents background Understanding compos...
The submit event of the form does not respond
1. Problem description <br />When JS is use...
How to connect to MySQL database using Node-Red
To connect Node-red to the database (mysql), you ...
Detailed explanation of MySQL limit usage and performance analysis of paging query statements
Limit usage When we use query statements, we ofte...
MySQL complete collapse query regular matching detailed explanation
Overview In the previous chapter, we learned abou...
VUE+Express+MongoDB front-end and back-end separation to realize a note wall
I plan to realize a series of sticky note walls. ...
Selection and thinking of MySQL data backup method
Table of contents 1. rsync, cp copy files 2. sele...
The most commonly used HTML tags to create web pages
1. Optimization of commonly used HTML tags HTML s...