Informatyka - podstawy HTML 2, SZKOŁA, Informatyka


0x01 graphic
 0x01 graphic

0x01 graphic
Główne komendy HTML

HTML start i koniec dokumentu

<HTML> ... </HTML>

nagłówek dokumentu

<head> ... </head>

treść dokumentu

<body> ... </body>

sekcje dokumentu

<div> ... </div>

nagłówki

<h1> ... </h1>
<h2> ... </h2>
:::::::::::::::::::::
<h6> ... </h6>
Pamiętaj: h1 - największe, h6 - najmniejsze

tytuł

<title> ... </title>

komentarz

<!--..... -->

Atrybuty komendy <BODY > pozwalają ustalić następujące własności dla wyświetlania infornmacji:

Przykład:
<BODY BGCOLOR="#FFFFFF" LINK="#0000FF" VLINK="#FF00DD" ALINK="#FF0000" >
czy
<BODY BACKGROUND="bgd.gif" LINK="#0000FF" VLINK="#FF00DD" ALINK="#FF0000" >

0x01 graphic

Komendy <H1> do <H6> nagłówków mogą mieć atrybut dopasowania:

Przykład:
<H2 ALIGN=RIGHT> To jest nagłówek dopasowany do prawej krawędzi </H2 > i wygląda to tak:

To jest nagłówek dopasowany do prawej krawędzi

0x01 graphic

0x01 graphic
Komendy formatowania tekstu

czcionka rozmiar/kolor

<font>... </font>

wyróżnienie

<em> ... </em>

italiki

<i> ... </i>

wytłuszczenie

<b> ... </b>

podkreślenie

<u > ... </u>

powiększenie

<big> ... </big>

pomniejszenie

<small> ... </small>

indeks dolny

<sub> ... </sub>

indeks górny

<super> ... </super>

przekreślone

<strike> ... </strike>

cytowanie

<cite> ... </cite>

Sama komenda <FONT > nic nie znaczy. Umożliwia ustalenie co najmniej jednego ATRYBUTU:

0x01 graphic

0x01 graphic
Komendy formatowania paragrafu


paragraf

<p> ... </p>

koniec linii

<br>

pozioma linia

<hr>

preformatowany tekst

<pre> ... </pre>

blok

<blockquote> ... </blockquote>

Pozioma linia <HR> posiada ARTYBUTY:

Przykład:
<HR width=33% align=CENTER> wyprodukuje:

0x01 graphic

<HR WIDTH=50% align=RIGHT >wyprodukuje:

0x01 graphic

0x01 graphic
Definicje kolorów HTML 3.2

Kolor

Numer hexagonalny

AQUA

#00FFFF

BLACK

#000000

BLUE

#0000FF

FUCHSIA

#FF00FF

GRAY

#808080

GREEN

#008000

LIME

#00FF00

MARRON

#800000

NAVY

#000080

OLIVE

#808000

PURPLE

#800080

RED

#FF0000

SILVER

#C0C0C0

TEAL

#008080

WHITE

#FFFFFF

YELLOW

#FFFF00

0x01 graphic

0x01 graphic
Listy
Uporządkowana lista zaczyna się od <ol> i kończy na </ol> . Jeśli specjalne komendy listy nie będą użyte, to zawartość listy będzie dosunięta do lewej strony. Każda komenda <li> produkuje element listy. Na przykład:

Komendy:

<ol>
<li> pozycja 1
<li> pozycja 2
<li> kolejna pozycja
</ol>

produkują:

  1. pozycja 1

  2. pozycja 2

  3. kolejna pozycja

0x01 graphic


Nieuporządkowana lista zaczyna się od <ul> i kończy na </ul>. Pozostałe zasady są identyczne, jak w liście uporządkowanej. Komendy:

<ul>
<li> temat 1
<li> inny temat
<li> kolejny temat
<li> jeszcze inny temat
</ul>

wyprodukują:

0x01 graphic

0x01 graphic
Dołączenia, dowiązania, odwołania (Hyperlink-i)
Istotnym elementem strony domowej są odwołania, przywiązania (HYPERLINK-i) do innych stron domowych. Hyperlink tworzy się komendą : <A > i zamyka komendą </A> (od ANCHOR czyli haczyk, kotwica). Cokolwiek jest umieszczone między tymi komendami jest "hot" - gorące, czułe na kliknięcie na nim. Oczywiscie, jesli poza komendą <A >nic więcej nie ma, to nic się nie dzieje na kliknięcie. Komenda <A > ma ATRYBUT zwany HREF (hyperlink reference), którym określa się adres, dokąd ma nastąpić połączenie. Adres ma określoną formę tzw. adres URL (Uniform Resource Locator):

HREF= "address"

0x01 graphic

Przy absolutnym adresowaniu cały adres ULR musi być wpisany:
Przykład:
HREF = "http://www.bsu.edu/classes/czerwinska/CS110"
Przy adresowaniu względnym :


Hyperlinki mogą wskazywać na:

Przykłady:

Komendy HTML:

Kliknij <A HREF = "http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html"> tutaj </A> a połączysz się z przewodnikiem po HTML-ach

Wynik:

Kliknij tutaj a połączysz się z przewodnikiem po HTML-ach.