Oferim servicii de instalare, configurare si monitorizare servere linux (router, firewall, dns, web, email, baze de date, aplicatii, server de backup, domain controller, share de retea) de la 50 eur / instalare. Pentru detalii accesati site-ul BluePink.

HOME

HTML CSS REFERENCES CONTACT

;

Lessons

Page content

Header Tags (H tags)

Most HTML document neea a "headline" that distinguishes itself from the rest of the text.The header or H tags are good for this,although they tehnically follow outlines of the I.A a selection H tags go from H1-H6
Example
<h1>h1 about myself</h1>
<h6>h6 about myself</h6>

h1 about myself

h6 about myself

Each of these are fairly ugly,we are able to style them(change their look) with CSS and
<h1 style="color:#0f0;font size:22px">
about myself
</h1>

about myself

Paragraph tag
Paragraph tags could contain the majority of you text; they are separated from different page elements with double line space,like hitting twice on your keybord enter
<p>First paragraph</p>
<p>Second paragraph</p>

First paragraph

Second paragraph

Blockquote tag

The blockquote tag indents its contents.

Note that,if what you wish is margins

blockquote can work...however can expand or contract with the scale of the browser screen

<blockquote>Blockquote indents whatevers in it</blockquote>

Blockquote indents whatevers in it

<blockquote><blockquote>Blockquote indents whatevers in it</blockquote><blockquote>

Blockquote indents whatevers in it

Lists

List are numbered(ordored) or bullet-pointed(unordered) lists the start tag in every specifies whether or not the list is numbered or bullet-pointed(unordered)

Note that the closing tags comes at the end

Ordered List

<ol>

</ol>

list item 1
list item 2
list item 3

Unordered list

<ul>

</ul>

list item 1
list item 2
list item 3

Rule (Line) Tag

The <hr> tag provides a horizontal "rule" or line
Note that there's no closing tag.The default may be a focused rul of 100% of the screen you'll conjointly use align command
to create the rul align to the left or right.
BLOCK versus INLINE TAGS
The top of tags are displayed with an additional blank line on top and bellow,and refered to as "block level element"/
These will contain different block level elements( for example, our double blockquote) and inline elements those which might be inserted amoung the text this can be fairly intuitive.
non-breaking space
Aside from traditional areas, like those between words,HTML permits a second type.
Though references tell U.S.A it's simply a "space", the letters appear to reference a data processing term.The non-breaking space
The "empty" paragraph bellow can sho in a very browser solely as additional blanks lines
<p> </p>
  also can be accustomed holds words along so they are doing not yet separated be a line break
(thus our non-breaking space)
<p>July  11</p>
Because HTML displays 2 or more of regular areas(spacebar spaces,muttually,you'll alternate areas with   to attain horizontal spacing.(But do not use strings of areas and   to undertake to center page elements.
Well cover the right aligment aditional doun
<p>  Hello</p>

Hello

BR(Line break) tag

The br tag provides a line break,like the carriage return on a type written(or the Enter key on a computer) note that there's no closing tag
<p> first sentence here.<br/>Second sentence here</p>

first sentence here.
Second sentence here

Bear in mind that HTML "wraps around" form line to line sort of an application programe.

HTML automatically wraps around to future line.Thanks to the variation in show by varied browser, it has always best to let the text wrap around instead of undertaking to manage it with <br/>...

let's you finish up with awkord line breaks

Link Tag

Ah,our "hypertext link" Link tag not specify solely wherever the link can take you however what the text of the link can say.

Go to home page

Anchor Tag

The Anchor tag may be a technique of linking to a particular purpose in a very page. 2 components ar needed: the particular purpose itself (the "anchor") and so the link to the anchor.

Here, our anchor is on a similar page, so no .html page must be fixed.

Anchor:

Link to anchor: Go to "Adding Page Content" at high of this page
Go to "Adding Page Content" at high of this page

If the anchor is on another page, merely add the anchor link to the HTML page link:

Email Link

Email links enable your web site guests to click on a link to open Associate in Nursing email window in their email programs. simply add "mailto:" to Associate in Nursing a href link containing the e-mail address:
<a href="mailto:someone@somesite.com">Email us</a>
Email us

Image Tag

Image tags enable U.S.A. to specify wherever pictures ar to be displayed in pages.
In HTML, you specify wherever the image is to be displayed, however it doesn't become a part of the page. Thus, after you launch your web site, you'll have to transfer your pages and pictures. If you have ever seen the "broken image" icon on an internet site, you will grasp that the image wasn't uploaded.

Broken Image Icon

Specifying Image Dimensions. The image tag ought to embody height and dimension specifications to alter the browser to "plan" what quantity house the image can take (and speed transfer time). Here, we have a tendency to specify that it's a picture (img), that the supply (src) is that the "dot.gif" image, that is within the pictures folder (directory), which the image features a dimension of thirty pixels and a height of thirty two pixels:

Image Link

To make a picture link, simply place the img tag into the a href tag. Note the border="0" — while not this, most browsers can show a blue border round the image that's a link. This might need been nice once browsers with the aptitude of displaying image links were new, however it does not typically look sensible on fashionable websites.

broken link image

Text & Image Alignment
Images (and different elements) is aligned (positioned) with relevancy the encircling text. the primary image has no alignment fixed, that the browser default takes impact.
Notice conjointly however the block-level element, the tag, contains the image tag (an inline element).

Default Alignment

<p>Text here</p>
Text here.
Align Middle
<p align="middle">Text here</p>

Text here

Align Bottom

Text here

Align Left

Text here

Align Right

text here

Note re Alignment: the "align" specification is inserted into most tags, like the paragraph tag and tables (which we'll address next): align="left", align="right" and align="center".
That's it. We've lined the HTML basics for adding content to your pages, however to date we've solely supplemental linear paragraphs to a page.

Biblography