Today, with the explosive growth of the Internet, Web technologies are increasingly being used, in particular HTML and standard Web browsers. HTML (HyperText Markup Language) is a hypertext markup language. This format determines the appearance of the document, the mutual arrangement of text, graphic and multimedia information. Campaigns are engaged in the creation of sites, for a very big money. But with the help of "html-tags" you can create a rather interesting website with your own hands.
It is necessary
- - browser;
- - text editor.
Instructions
Step 1
The HTML file format is quite simple. Composing and making changes to the file is carried out by any text editor. A web browser is used to view the results. The main advantage of HTML documents is their ability to be cross-referenced to each other. Cross-references help you quickly refer to a document with additional information on a topic of interest, and then continue working with the source text. Any document written using the HTML language consists of the content of the page, i.e. text, and control characters - tags. All HTML tags must be enclosed in angle brackets. Typically, a start tag and an end tag are used. The ending tag differs from the starting tag by the presence of a slash.
Step 2
To start creating a site, go to a text editor (notepad).
Then enter the tags:
HTML - / HTML - the first and last tags of any HTML document.
HEAD - / HEAD - the beginning and end of the document head.
TITLE - / TITLE - set the title of the document (title of the browser window).
BODY - / BODY - the beginning and end of the body of the HTML document, which defines the content of the document.
Step 3
Next, you need to style the text. To do this, you need the following tags:
Hx - / Hx - (x is a number from 1 to 6) describe headings at six different levels. The first level heading is the largest, the sixth level is the smallest.
P - / P - describe a paragraph (the / P tag may be absent).
ALIGN is a parameter that determines the alignment of the paragraph:
ALIGN = CENTER - center alignment;
ALIGN = RIGHT - right alignment;
ALIGN = LEFT - left alignment.
BR - go to a new line without breaking a paragraph.
B - / B - displays text in bold.
I - / I - displays text in italics.
U - / U - underlined text.
STRIKE - / STRIKE - strikethrough text.
BLOCKQUOTE - / BLOCKQUOTE - displays quotes.
SUB - / SUB - displays subscripts.
SUP - / SUP - display of superscripts.
TT - / TT - use a font with a fixed character width.
BIG - / BIG - increase the size of the current font.
SMALL - / SMALL - decrease the size of the current font.
BASEFONT SIZE = n - (n is a number from 1 to 7) - the base value of the font size.
FONT SIZE = + / - n - / FONT - change the font size.
FONT COLOR = # xxxxxx - FONT - setting the font color: Aqua - sea wave; Black - black; etc.
BODY - change the background color.
HR - horizontal line, this tag can use attributes:
COLOR - line color;
SIZE - line width in pixels;
WIDTH - line width in pixels or as a percentage of the window width;
ALIGN - line alignment;
NOSHADE - painting without shadow;
SHADE - drawing with a shadow.
Step 4
If you need to insert any list into your site, you need to enter tags:
UL - / UL - unordered list (enumeration, no ordering):
LI - definition of a list item;
TYPE is a parameter that defines a list marker:
TYPE = CIRCLE - a circle is used as a marker;
TYPE = DISK - point is used as a marker;
TYPE + SQUARE - a square is used as a marker.
OL - / OL - numbered list:
TYPE - parameter specifying the type of the list:
TYPE = A - uppercase Latin letters will be used as list numbers;
TYPE = a - lowercase Latin letters will be used as list enumerators;
TYPE = I - large Roman numerals will be used as list numbers;
TYPE = i - small Roman numerals will be used as list numbers;
START is a parameter defining the starting number of the list.
DL - / DL - list with explanations:
DT - designation of a list item;
DD is an explanation for a list item.
Step 5
So that your site is not limited to one page, create several. To navigate, you need hyperlinks, which are defined by the following tags:
A HREF = URL - / A - insert a link into the document (between the tags, you must enter the link text).
HREF - address of a page or resource;
URL - uniform resource address: servis: // server [: port] [/path]:
service - the name of the protocol (HTTP - access to an HTML document, FTP request for a file from an FTP server, FILE access to
file on the local machine);
server - specifying the name of the resource;
port is the port number on which the web server is running;
path is the directory where the resource is located.
A HREF = # bookmark name - / A - insert a local link (between tags, you must enter the link text).
A NAME = bookmark name - / A - set the bookmark to which the link will be made.
Step 6
In order for the site to be not boring, graphic design is necessary. To do this, use the tags:
BODY BACKGRAOUND = "file_name" - sets the picture used as the background.
IMG SRC = "file_name" - insert a graphic file into an HTML document, this tag uses the parameters:
ALT = "text string" - defines a text string that is displayed instead of a graphic image if the browser has disabled the ability to automatically load graphics;
HEIGHT, WIDTH - image height and width in pixels;
HPACE, VSPACE - the width of the white space that separates the graphic from the text horizontally and vertically;
ALIGN - alignment of text relative to graphics.
Step 7
And the last thing you need to do is save the text file in *.html format, and then run it using your browser. The site is ready.
