On a blog or site it certainly consists of a head and body framework. Then what is head and body in the world of basic encodings? Is it as difficult as you think? Basically, these two words come from English, head which means head, while body means body. in the world of coding all use English, so you have to understand a few basic sentences in English. The following is a complete explanation of the head and body in the basic coding world.
1. Head
Head means head, but it does not mean the real head. head is a place or container that is usually filled with various codes that are not visible on a site. The function of the head is to work behind the scenes, the head is usually filled with a frame title and style.
Title means the title, the name you give to your site, without a name means your site without an identity. If without an identity it will be difficult to find on google search and maybe your visitors will also ask to ask what the name of the site he visited. A title template is not required in basic coding, but it is better to use a title framework so that the structure of the code that you make looks neat.
<title> You're Good </title>
Style means style or appearance. Without style, someone will feel numb or unattractive. Yes, so is the case with a site, without the appearance of course visitors will immediately think if your site is not very interesting to see even though your site contains very useful reading.
Style is a behind the scenes worker who gives a message to the body to display the appearance according to the commands of this style framework. The correct style placement or highly recommended style is in the head field. Style types like this are named internal styles, internal styles are a solution so that your site has a stable loading speed when visited. Can the style be placed in the body field? The answer is yes. Styles can also be called from outside the site, this type of style is given the name of an external style or style library.
2. Body
The body is the worker visible to the screen. What you write in the body area will basically be visible on the screen. If the head is the color of the door, the body is the shape of a door. Head consists of styles, while the body consists of several writing methods such as div, span, b: section, and many more.
Just remember this "Head is a worker behind the scenes, while the body is a worker who is seen by the screen. Head works as someone who gives color in the life of the body, and the body is someone who needs the color and form of appearance provided by the head, without style, the body is not look attractive ".
<body>
Hello, I'm body. Without my style it's not interesting
</body>
This is the basic structure in the world of coding, more precisely the world of HTML. You have learned that simple coding is very easy and you don't need to be afraid if you fail. Then how is the complete structure of writing or writing from the simple structure we have just learned?
<! DOCTYPE html>
<html>
<head>
<title> This is Me </title>
<style>
body {
background: skyblue;
font-family: arial;
}
</style>
</head>
<body>
Hi, I'm Body, I'm a worker seen on screen.
</body>
</html>
That is a simple complete structure in the basic structure of HTML. But it's possible if you attach the writing structure to your blog, especially blogspot. Then you will get an error message that requires adding b: skin and b: section in the basic theme that you created. Then the following simple structure that can be accepted by bloggers. Remember to only add the b: skin and b: section fields. b: skin is placed in the head container, while b: section is placed in the body area
<! DOCTYPE html>
<html>
<head>
<title> This is Me </title>
<b: skin> </ b: skin>
<style>
body {
background: skyblue;
font-family: arial;
}
</style>
</head>
<body>
Hi, I'm Body, I'm a worker seen on screen.
<b: section id = 'play'> </ b: section>
</body>
</html>
Congratulations on the simple display that you learned has been successfully implemented in your blog or site. Are the posts or content that you write not visible in the html structure that we just studied? Then you need to add one more structure so that your posts are visible. i.e. b: widget
<! DOCTYPE html>
<html>
<head>
<title> This is Me </title>
<b: skin> </ b: skin>
<style>
body {
background: skyblue;
font-family: arial;
}
</style>
</head>
<body>
Hi, I'm Body, I'm a worker seen on screen.
<b: section id = "POSTINGAN">
<b: widget id = 'Blog1' locked = 'true' title = 'Blog Posts' type = 'Blog' version = '1' />
</ b: section>
</body>
</html>
That is a complete explanation of what head and body are in the coding world version of Fans. Hopefully useful and thank you for reading.
written by : KingsCoding
image source : dribbble
Indonesian version : Apa itu Head dan Body Dalam Dunia Perkodingan?
