Html Basic Tags

Html Page Structure

<html>

<head>

the title of the page, identifying information and functions of other languages, etc.

<title>The title of our page is written here. </title>

<meta name="description" content="The description of our site is done here" />

<meta name="keywords" content="Important-keywords used on our site are mentioned here" />

</head>

<body>

Everything that will appear on the page, text, images, etc. is included in this section.

</body>

</html>

 

Html Tag: 

An html page starts with the < html> tag and ends with the </html> tag. An html document consists of two main parts. These are the body and head parts.

Head Tag:

The transactions made with the codes written in this section are not directly visible on the web page. In the Head section, information such as the title of the page and the topic it is related to can be given, which is vital for search engines to index our page. 

Our web page will work even if the head part is not at all. However, the more descriptive and accurate information we provide about our page in this section, the better it will be for us.

Title and meta tags are used to present information about our page to search engines.

Title tag specifies the title of the page. The phrase between this tag will also be displayed in the browser's window title.

<title>The Shopping Center of Istanbul</title>

Meta Tags

Meta  tags are used to present information and give an idea about the page, especially to search engines.

Meta tags are written in the head part of the page, their order and place are not important.

The meaning of the information given changes according to the parameter used in the meta tag.

For example, the keywords parameter is used to specify keywords related to the page. It increases the probability of finding our web page in searches made with these words. The description parameter is used to give summary information about the page content.

Although there are other parameters of the meta tag, the most used and most important are keywords and description parameters.

Example : The following meta tags can be used on a web page about hotels in Silivri district.

<meta name="keywords" content="silivri, hotel, silivri hotels, where to stay in silivri "/>   here the page is intended to be listed in searches using the words silivri and hotel.

<meta name="description" content="Where to stay in Silivri, hotels in Silivri, find the most suitable hotel in Silivri"/> here is a brief description of the page.

It is preferred that the page description and keywords are neither too long nor too short. If it's too long, Google will ignore it. When it is short, it may not promote the page enough.

Example: Title and meta tags that can be used on the web page of restaurants in Silivri district:

<title>Restaurants in Silivri, Where to Eat in Silivri</title>
 
<meta name="description" content="Silivri, where to eat, restaurants, restaurant, restaurant, fish restaurant, fish restaurant" />
 
<meta name="keywords" content="Order Silivri, restaurant, restaurant, restaurant, fish, fish restaurant, grill, kebab, pide, lahmacun, raw meatballs, silivri, food order, home service" />
 

Body Tag: 

Everything we want to appear on our web page (texts, images, animations, etc.) is specified in this section with html codes. The structure of the page is created here, the formatting is done here.

The parameters that can be used with the body tag are mainly bgcolor and background parameters.

The background color of the page can be set with the bgcolor parameter:

<body bgcolor="#123456">

A background image can also be placed on the page with the background parameter:

<body background="images/bg.jpg">

Short Closing Tags

When coding with HTML, each opened tag must be closed in the right place. Typically, tags are opened as <tagName> and closed as </tagName>.

However, some tags can be closed as <tagName/>. For example, meta tags are written with a short closing. 

Tags that are not written between opening and closing can be closed in this way.

Example: <br/> <hr/> <meta ....... /> like..

 

meta etiketleri ne işe yarar, meta etiketi kullanımı, html meta örnekleri, meta kullanımının önemi, meta etiketlerinin anlamları

EXERCISES

Html Page Example
<html>
<head>
<title>Web Design Courses</title>
<meta name="description" content="Web design, tutorials, html, head, body, tag" />
<meta name="keywords" content="web design, lessons, web design lessons, html lessons" />
</head>
<body bgcolor="#ff2255">
Welcome to my page. 
</body>
</html>


COMMENTS




Read 548 times.

Online Users: 646



html-basic-tags