FAQ  Szukaj  Użytkownicy  Grupy  Statystyki  Rejestracja  Zaloguj


Poprzedni temat :: Następny temat
HTML dla początkujących
Autor Wiadomość
BQ 



Dołączył: 01 Mar 2008
Posty: 811
Wysłany: 2008-04-30, 15:17   HTML dla początkujących

To jest poradnik dla osób, dla których HTML to czarna magia, wymienione są w nim głównie znaczniki, którymi się można posługiwać. Zapraszam do lektory.

Przejście do drugiej linijki:
Kod:
<br>Tutaj wpisz tekst</br>

Pamiętajmy, że <br> dajemy przed tekstem, a </br> (domknięte za tekstem, który chcemy mieć w danej linii. Tak robimy przy większości znaczników. Logiczne, lecz dla niektórych już mniej.

Akapit:
a) Do lewej:
Kod:
<p align="left">Treść akapitu</p>

b) Do prawej:
Kod:
<p align="right">Treść akapitu</p>

c) Wyśrodkowanie:
Kod:
<p align="center">Treść akapitu</p>

d) Justowanie:
Kod:
<p align="justify">Treść akapitu</p>


Pogrubienie (wytłuszczenie) czcionki:
Kod:
<b>Tutaj wpisz tekst</b>


Tekst pochylony:
Kod:
<i>Tutaj wpisz tekst</i>


Tekst podkreślony:
Kod:
<u>Tutaj wpisz tekst</u>


Kolor czcionki:
Kod:
<font color="kolor">Tutaj wpisz tekst</font>

W miejsce "kolor" należy wpisać dany kolor, dajmy na to, że będzie to kolor czarny.
Kod:
<font color="black">Tutaj wpisz tekst</font>


Rodzaj czcionki:
Kod:
<font face="rodzaj">Tutaj wpisz tekst</font>

Chyba nie muszę tłumaczyć, że w miejsce "rodzaj" należy wpisać nazwę czcionki.

Kolor tła:
Kod:
<body bgcolor="kolor tła" text="kolor tekstu">
Tutaj jest właściwa treść strony
</body>

W miejscu "kolor tła" wpisujemy jego kolor, a w miejscu "kolor tekstu" wpisujemy kolor tekstu.

Wstawienie obrazka na stronę:
Kod:
<img src="Ścieżka do obrazka" alt="Tekst alternatywny" />

W miejscu "Ścieżka do obrazka" podajemy bezpośredni adres do obrazka. Zaś w miejscu "Tekst alternatywny" wpisujemy krótki opis obrazka, lub pozostawiamy bez opisu.

Ustawienie obrazka:
Jeden woli mieć go z lewej, drugi z prawej. Więc znacznik powinien się przydać:
Kod:
<img src="Ścieżka do obrazka" alt="Tekst alternatywny" align="ustawienie" />

W miejscu ustawienie wpisujemy "left" lub "right", a gdy chcemy wyśrodkować "center".

Odsyłacz:
<a href="Adres, na który zostaniemy przeniesieni">Opis odsyłacza</a>

Odsyłacz mailowy:
Kod:
<a href="mailto:Adres poczty e-mail">Opis odsyłacza</a>

Nic trudnego. Mam nadzieję, że nie muszę tłumaczyć. W razie problemów z tym co napisałem, pisać w temacie.

Poradnik napisany dla INFO-PC.org
Zabrania się kopiowania.
_________________
Gość Zapoznaj się z Regulaminem
 
     
Swift 
Webmaster



Wiek: 16
Dołączył: 09 Mar 2008
Posty: 408
Skąd: Kraśnik
Wysłany: 2008-04-30, 16:05   

Uważam, że jeśli ktoś jest naprawdę zielony w HTMLu to ten poradnik nic mu nie da... Nie będzie wiedział jak zapisać plik, gdzie wstawić pogrubienie, akapit itd. Jeśli nawet byłby dokładniejszy, to myślę, że takie ogóły ludzie znajdą na stronach, które tylko i wyłącznie opisują pisanie w html, a nie będą szukać na forach. Bez obrazy, ale wg mnie temat niezbyt trafiony.

PS. Po co wstawiać
Kod:
<br> tekst </br>
?? Przecież żeby przejść do następnej linii wystarczy wpisać jedno <br> po danym elemencie (grafice, tekście, tabeli itd.).
_________________


Ostatnio zmieniony przez Swift 2008-04-30, 16:23, w całości zmieniany 1 raz  
 
 
     
BQ 



Dołączył: 01 Mar 2008
Posty: 811
Wysłany: 2008-04-30, 16:07   

Swift napisał/a:
Uważam, że jeśli ktoś jest naprawdę zielony w HTMLu to ten poradnik nic mu nie da... Nie będzie wiedział jak zapisać plik, gdzie wstawić pogrubienie, akapit itd. Jeśli nawet byłby dokładniejszy, to myślę, że takie ogóły ludzie znajdą na stronach, które tylko i wyłącznie opisują pisanie w html, a nie będą szukać na forach. Bez obrazy, ale wg mnie temat niezbyt trafiony.

Wszystko w sekcję body, to są głównie znaczniki, co już napisałem w pierwszym poście. Nie podoba Ci się, Twoja sprawa. Lecz i tak mam nadzieję, że się komuś przyda.
_________________
Gość Zapoznaj się z Regulaminem
 
     
AraGorN 
.NET Lover


Wiek: 22
Dołączył: 08 Kwi 2008
Posty: 31
Wysłany: 2008-04-30, 19:09   

Swift, ma calkowita racje ze znacznikiem <br>
nie istnieje takie cos jak </br> i szczerze powiedziawszy nie wiem jak zinterpretuje to przegladarka...
 
 
     
Larden 


Wiek: 16
Dołączył: 08 Kwi 2008
Posty: 11
Wysłany: 2008-04-30, 20:12   

Poradnik bez sensu. Bo każdy kto zaczyna swoja przygodę z HTML-em trafia na kurshtml.boo.pl ;)
 
 
     
loganek 


Wiek: 16
Dołączył: 25 Mar 2008
Posty: 38
Wysłany: 2008-04-30, 22:31   

Cytat:
Lecz i tak mam nadzieję, że się komuś przyda.
Nie sądzę...
A co do znacznika <br> to wg standardu XHTML wszystkie tagi powinny być zamknięte, ale w przypadku br albo np img robi się to w sposób następujący:
<br />
Lub w przypadku img:
<img src="bleble.jpg" />
 
     
AraGorN 
.NET Lover


Wiek: 22
Dołączył: 08 Kwi 2008
Posty: 31
Wysłany: 2008-05-01, 08:20   

loganek, ja nie wiem czy dobrze przeczytales o rozmawiamy tutaj o HTMLu a nie XHTMLu...
 
 
     
loganek 


Wiek: 16
Dołączył: 25 Mar 2008
Posty: 38
Wysłany: 2008-05-01, 10:03   

AraGorN napisał/a:
loganek, ja nie wiem czy dobrze przeczytales o rozmawiamy tutaj o HTMLu a nie XHTMLu...

wiem, ale BQ próbował zastosować się do standardów XHTML więc pokazuję jak zrobić to poprawnie
 
     
Benkowik 
Delphi it's my life



Dołączył: 30 Maj 2008
Posty: 30
Skąd: nie interesuje się !
Wysłany: 2008-05-30, 12:25   

No ta ja dorzucę coś od siebie:




Ciąg dalszy - Rama dokumentu HTML


Podstawą jest zadeklarowanie języka w jakim piszemy. Wygląda to tak:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


Następnie uzupełniamy stronkę w sekcji <head>

a)tytuł strony:
Kod:
<title> tutaj wpisz tytuł swojej strony </title>


b)deklaracja strony kodowej
Kod:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />


c)opis strony
Kod:
<meta name="Description" content=" wpisz zawartość opisu strony " />


d)słowa kluczowe strony (ważne żeby oddzielać przecinkami każdy wyraz)
Kod:
<meta name="Keywords" content="opis,opis2,opis3" />


e)język strony (wpisać język ale skrótem np. polska będzie pl)
Kod:
<meta http-equiv="Content-Language" content="język" />


f)autor strony
Kod:
<meta name="Author" content="Imię i nazwisko" />


g)data utworzenia strony(bardzo żadko się to stosuje - format zapisu daty GMT)
Kod:
<meta http-equiv="Creation-Date" content="data" />



Przykładowy dokument:

Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
    <title>Forum Komputerowe Info-PC</title>
    <meta name="Description" content="Najlepsze forum komputerowe" />
    <meta name="Keywords" content="komputery,informatyka,programowanie,pc" />
    <meta http-equiv="Content-Language" content="pl" />
    <meta name="Author" content="Andrzej Kowalski" />
    <meta http-equiv="Creation-Date" content="Fri, 30 May 2008 13:14:48 GMT" />
   </head>
  <body>


 </body>
</html>
   
_________________
 
 
     
szybki 


Wiek: 22
Dołączył: 05 Sie 2008
Posty: 8
Skąd: Kraków
Wysłany: 2008-08-06, 12:37   

AraGorN napisał/a:
ja nie wiem czy dobrze przeczytales o rozmawiamy tutaj o HTMLu a nie XHTMLu...


Poczytaj sobie co to HTML i co to XHTML.


Polecam także: www.kurshtml.boo.pl jeden z lepszych kursów HTML online.
_________________
Piszę poprawnie po polsku.
Jeden robi jak się patrzy, reszta patrzy jak się robi...
 
     
Mikef 


Dołączył: 21 Wrz 2008
Posty: 1
Wysłany: 2008-09-21, 15:58   

Cytat:
Polecam także: www.kurshtml.boo.pl jeden z lepszych kursów HTML online.

Potwierdzam, choć do zastosowania raczej gdy mamy już jako takie pojęcie o HTML bo to zlepek informacji, od podstaw raczej http://webmaster.helion.pl/kurshtml/ .

Osobiście polecić mogę jeszcze książkę Bartosza Danowskiego http://helion.pl/ksiazki/twstp2.htm .
 
     
tfujkermit 
PC-Woman



Wiek: 20
Dołączyła: 10 Wrz 2008
Posty: 137
Skąd: Warszawa
Wysłany: 2008-09-21, 16:02   

Ja osobiście uczę się HTML ze strony http://www.kurshtml.boo.pl/ i muszę przyznać, że bardzo dobrze się z tego uczy. <spoko>
_________________

Na zwycięstwo należy zapracować, a nie czekać, aż samo przyjdzie.
 
 
     
mgalan 


Dołączył: 14 Paź 2008
Posty: 15
Wysłany: 2008-10-18, 17:11   

A ja mam takie pytanie
Zrobiłem strone i jak chce wrzucić jakiś kod html do code na przykład odsyłacz
Kod:
<a href="link">Strona</a>
To mi pokazuje już wygenerowany link czyli sam odsyłacz , a ja chce zrobić żeby w code był cały kod html
Może trochę nie zrozumiale napisałem ale mam nadzieje że domyślicie się o co chodzi :]
Z góry dzięki
_________________
Gość czemu każesz mi przeczytać regulamin? Może już przeczytałem co ? Pewnie sam nie przeczytałeś Odwal sie -.-
 
     
marczak 
Wygadana bestia



Wiek: 19
Dołączył: 01 Mar 2008
Posty: 354
Skąd: z nienacka
Wysłany: 2008-10-20, 18:18   

nie rozumiem jak w code? [code] ? bo to strasznie nie jasno napisales
_________________
Gość Przeczytaj regulamin zanim zaczniesz przygode z forum.
Przed napisaniem nowego tematu uzyj opcji szukaj
 
 
     
FeroX 


Wiek: 14
Dołączył: 24 Maj 2008
Posty: 279
Skąd: Bydgoszcz
Wysłany: 2008-10-20, 20:21   

No to normalnie kod HTMLa dajesz pomiędzy tagi CODE

<code>...</code>
 
     
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group
Stronę monitoruje stat24 website monitoring service



Wymiana Linkiem
Forum Komputerowe | PcPlanet |Forum eKing.pl | Warez | www.warezik.eu | Forum GSM | Serwis SonyEricsson | Robert Kubica | Darmowe dzwonki i motywy | Sony Ericsson Forum | gsmfon.org - GSM | Aukcje EMAR
Strona wygenerowana w 0,44 sekundy. Zapytań do SQL: 10