Computers hole: Basic Html

Showing posts with label Basic Html. Show all posts

Tuesday, October 22, 2013

[Html School] Creating links

6:10 PM Unknown No comments

Creating Html links

The main feature of HTML documents is the presence of hyperlinks (or simply links - links) that link lead you to other documents, websites, files (files), images etc.. It is this possibility that the site can put links (link), which leads to the outside of page? Yes it is. Therefore, when making a website should not forget the magic of link?

The links are divided into external and internal. External lead outside of the site / blog, internal links lead to different parts of your website or blog . Links is creating using the HTML tag <A> </ A> (shortened from Anchor - anchor).

How to create link in Html?

In your html document write this code,

<a href="url adress or file name here">Text here</a>

For example if i want to create a link to my home page i need to write this code:

<a href="http://computershole.blogspot.com">Computershole</a>

In the browser will look like this:
Computershole

[Html School] Metatag in HTML.

7:43 AM Unknown No comments

Metatag in HTML.

Keywords (keywords), header (title) and description (description) of html page

What is the role of metatags and how they are used to create the site?
Metatags are located in the header of the HTML page, including <HEAD> tag and </ HEAD> and it does not show in the browser (with the exception of the TITLE tag). There are a few header tags. We primarily interested in these two:
.
Title - text you see in the header of the browser window,
Meta - data used by servers and systems for search (Google, Yahoo, Bing...)

The first tag <TITLE> </ TITLE> is very important. It should be made separately for each site, ie. Each page should have its own name. Except that its content is visible in the header of the browser window, it is also a link to a page in the search results provided by search systems. HTML code will look like this:

<html>
<head>
<title> Page title </ title>
</ head>
<body> page content </ body>
</ html>

In addition, the key words that you put in the tag (title) search system accept extremely positive. Therefore, giving the name of the html page, make sure to include the name of the keyword.

These words, which most fully characterize the content of HTML pages and will be for it keywords. It can be a separate word or phrase. Be sure to get the word (or group of words, expression, ...) are written in the text on that page. According to them, the search engines determine the relevancy of a page to different queries that are entered into the line of search engine when looking for something.
When creating pages, set a few key words and use those words in the header (title) and in the attributes of metatags.
refresh - time (in seconds), through which there will be an automatic restart documents or moving to another html page with a given address (URL). For example, in order to have automatic restarting document every 30 seconds, to be written like this:

<meta http-equiv="refresh" content="30">

And, to be carried out after 5 seconds go to the page with the URL http://www.gugl.com, should be written like this:

<meta http-equiv="refresh" content="5;http://www.gugl.com">

Moving on to the attributes of the group NAME:

description - description of the document.

One of the most important parameters that influence the ranking of pages by search engines. Normal description - it is a short information about the content. The description should also use keywords. In addition, the contents of that tag description can be seen in the browser, when the person's query, link appears on your site, the browser page(TITLE tag content) - the link below is the contents of the tag description. And usually after his reading, the user decides to visit the page or not.
Example of HTML code:

<meta name="description" content="description of page">

Keywords

Example of HTML code:<meta name="keywords" content="keyword1, keyword2, keyword3">

That's all the HTML metatags, which are required at the beginning. Others are specific and can be used after someone has gained experience.

I recommend this on every page of your site use:

<head>

<title> Header </ title>

</ head>

[Html school]How to create a simple web page in 4 steps

6:04 PM Unknown No comments

Create a simple web page in 4 steps

Today i will present you how to create a simple web page with tables, images, and some text. It is not be some special page, but it can be usefull, also you need to learn to make simple pages first. When you creating some page, you must to think about Seo optimization, so you need to do some keyword resarch, and you need to know what will be the name of web page.

First step

Think about name of web page, also you need to do keyword reasrch. After you do keyword reasrch, take notebook and pencil in your hand and draw how would you like to look your web page.

Second step

Now you need to write code for your web page.

[Advice]Make some google reasrch for Html code, maybe you will find interesting code that you can use on your web page

At the end of the post you will find code for simple html page.

Thrid step

Now save your web page, and open in your browser to see how it look like.

[Html code] Simple web page with tables, images and some text.

[Html code]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Simple web page</title>

</head>

<body>

<h1 align="center" style="color:#F00;">Simple web page</h1>

<div>

<h2 style="color:#00C;">Text and table</h2>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<div>

</div>

<h2 style="color:#00C;">Image, tables and text</h2>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table><p align="left" ><p><b>Some text, some text some text, Some text, some text some text,</b> Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text, Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text,Some text, some text some text</p>

</body>
</html>

[Html school]How to add picture in Html page

8:10 AM Unknown No comments

How to add picture in Html page

When designing a website pictures are extremely important. The HTML tag for adding pictures is <img>, in addition <img> includes the determination of the attribute. These attributes are primarily src attribute, or where the image is saved, also there is attribut alt which provides an explanation picture, it is very important for SEO optimization of a website. Also it is possible to determine the height and width of an image using width and height attributes.

Example of adding pictures

[html school] how to create a table

5:54 AM Unknown No comments

How to create a table

HTML tables in one page can be used for various purposes. Primarily used for tabulation of data, but also for the deployment of elements in page. The table represent a useful design tool for creating layout elements. Tables consisting of columns and rows where we can put our data or content. Content can be text,images, multimedia, hyperlinks, etc.. HTML tables are created with labels for rows and columns that are placed within the start tag and the end tag:

<table>

………

</table>

After mentioned labels, it is necessary to set the rows in the table. HTML row table is marked with the following elements:

Each row of the HTML table containing a series of horizontal table cells with data, which contain the actual data. Cells are labeled with the following elements:

Thus, the hierarchy of elements starting with element <table> ......... </ table> that contains all the other elements of the table. Element for table rows (<tr> ......... </ tr>) contains cells with the data from the table. Cells with data from a table (<td> ......... </ td>) contains the actual information to be displayed in the table. For creating Table 1, which consists of 2 rows and 3 columns, we write the following HTML code:

<tr>

<td>Nickname</td>

</tr>

<tr>

<td>Harry</td>

<td>Potter</td>

<td>Wizard</td>

</tr>

</table>

Inside the opening tag <table> can stand border attribute that is used to adjust the width of the edge of the table. Border attribute value is specified in pixels, as follows: <table border="1"> When a table is used along with other content like images which explains something, it is often necessary to create a table title. Using elements <caption> ... </ caption> table be added the title or caption. When used, the element <caption> must be the first element in the element <table>. Otherwise, the label table is not displayed. This element has a predefined format, and a special appearance must be defined. An example that illustrates the above, is given below:

<caption>Caption for table</caption>

<tr>

<td>Nickname</td>

</tr>

<tr>

<td>Harry</td>

<td>Potter</td>

<td>Wizard</td>

</tr>

</table>

[Html school] How to format text

11:41 AM Unknown No comments

Formating text

The html text formatting is very important. There are three basic functions for formatting text, they are bold, strong, italic, sub, sup.

<html>

<body>

<p><b>My name is Marko</b></p>
<p><i>My name is Marko</i></p>
<p>My<sub> name</sub> is <sup>Marko</sup></p>

</body>

</html>

Type this text in notepad, and save as htmllesson.html, open and what are you see.

<b>- Is bold text</b>
<i>- is italic text </i>
<sub>- is subscript</sub>
<sup>- is supscript </sup>
<br> tag for new line like enter in microsoft office</br>

<hr> tag is line </hr>

Also there is <pre>
The pre tag is good for displaying computer code
<pre>
For i=1 to 10
print i
next i
</pre>

There is <h> tags for Caption

There are seven h tags:<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<h7>.
The <h1>
tag is bigest

Try to do this

Computers hole

Tuesday, October 22, 2013

[Html School] Creating links

Creating Html links

How to create link in Html?

[Html School] Metatag in HTML.

Metatag in HTML.

Keywords (keywords), header (title) and description (description) of html page

description - description of the document.

Keywords

Saturday, October 19, 2013

[Html school]How to create a simple web page in 4 steps

Create a simple web page in 4 steps

First step

Second step

Thrid step

[Html code] Simple web page with tables, images and some text.

[Html code]

Thursday, October 17, 2013

[Html school]How to add picture in Html page

How to add picture in Html page

Example of adding pictures

Wednesday, October 16, 2013

[html school] how to create a table

How to create a table

Tuesday, October 15, 2013

[Html school] How to format text

Formating text

There is <h> tags for Caption

Popular Posts

Labels

Blog Archive