Learning Basic HTML structure
- Administrator
- Tag html, Html, , Element html, Atribut html
- 2137 Times Viewed
- 0 Comment
Learning Basic HTML structure
Getting to know the structure of the HTML tag
This is the basic material of the HTML tag for support in learning to create a website, where in previous articles I have also made a tutorial on how to make your own website. Among the worst-popular to date is by using a CMS (content management system). Because it is a manager with the CMS website or a webmaster with his team cs easier to interact with clients and users or visitors to the website.
But not the means by CMS and immediately everything becomes easier, but still needed expertise or skills for a website developer or designer to create the website. Some expertise or skills include the following: Understand HTML, CSS, JS, JQUERY, PHP, MYSQL, and so forth.
So what the heck is intended as HTML, CSS, JS, JQUERY, PHP, and MYSQL is it exactly?
Well now let's begin this matter.
Hypertext Markup Language is a markup language, is a way to tell the web browser about the function of a text and how to present it. Is the text or the content is written as a paragraph, line, list, or as ancor (text by link url)? In a file or an HTML structure, giving this function is called the tag.
Tag is a special text called 'markup' where the text is in the form of two characters '<' and '>' text is a way or a sign to tell the web browser how a text should be displayed.
A tag in the HTML file is written in pairs, called 'tag opening' and 'closing tags', any content (text, image or link url) located between the opening tag and a closing tag called the 'element'.
Examples of the structure of HTML tags:
<html>
<head>
<title> Ini adalah title sebuah website </title>
</head>
<body>
<p>Ini adalah struktur file yang di tulis dalam bentuk tag HTML.<br/>
Ini adalah baris baru pada sebuah file HTML.</p>
<footer>
<p>Ini adalah konten footer</p>
</footer>
</body>
</html>To see the results please copy and paste the above script in the HTML editor multibisnisindo.
Note the structure of writing HTML tags above, which consists of 'opening tag', 'end tag', 'element' and 'attribute'.
This is the opening tag:
<html>,<head>,<title>,<body>
- This is the closing tag:
</html>,</head>,</title>,</body> This is the element in the form of a sentence: 'Learning Basic HTML structure', 'this is the HTML tag structure', and 'this is a new line'. What distinguishes 'opening tag' and 'end tag' is: the opening tag be written without '/' or slash after the '<', whereas the closing tag using the '/' after the '<'. While the element is always located between the 'tag opening' and 'closing tag'. In addition to 'tag' and 'element' in the structure of the HTML file there is also a 'attributes', where the function of this attribute is diverse, and aims to give the order web browser to add functionality that include the function of colors and sizes. Here is an example of using an attribute in an HTML file:
<html>
<head>
<title> Belajar Mengenal Struktur HTML Dasar </title>
</head>
<body bgcolor="#FF6600" text="#000">
<h1>Ini adalah tag h1</h1>
<p>Ini adalah struktur file yang di tulis dalam bentuk tag HTML.<br/>
Ini adalah baris baru pada sebuah file HTML.</p>
</body>
<footer>
<p>Ini adalah konten footer</p>
</footer>
</html>
Try to copy the HTML tag structure above and save it with the .html extension, such as 'index.html', simply select your own name to disclose the most important with the extension html (.html). After you save the .html extension now please go with two clicks. Or please copy and paste the above script in the HTML editor multibisnisindo. Now consider the example of the structure of the HTML file above, then you can see the name attribute, as follows:
Examples of attributes: bgcolor = "# FF6600" text = "# 000" Attributes above will give orders to the web browser, so the web browser will display a page with a background or colored background This tutorial is a basic tutorial to get to know the structure of the file or writing HTML tags. Because the HTML file is also integrated in the form of files or other programming languages.
But the outline is as we have described above. Hopefully this tutorial on HTML can be useful for you, thank you.
