Witajcie późną porą. Znalazłem ó poradnik i postanowiłem wam go wkleić.
Napisałem to jakiś dłuższy czas temu.
W krótkim poradniku opiszę jak zrobić podstawową stronę w języku html.
Na samym początku należy pobrać sobie jakiś edytor, lub tak jak ja pobrać program notepad plus plus i wszystko pisać ręcznie, ja piszę ręcznie i mi z tym dobrze.
zanim przejdziemy do programowania podstawowych stron, należy zapamiętać, że aby zakończyć edytowanie odpowiedniego bloku tekstu czyli np
</a href="test.html">test musimy na końcu napisać to samo co na początku tyle że po < dajemy slash.
W tym przypatku <a href="test.html">test</a>
Oraz o tym, że gdy naciśniemy enter, w dokumencie zrobimy nową linię, jednak na stronie nowa linia się nie utworzy.
Na samym początku warto dostosować stronę do przyjętych światowych standardów. Tak, aby można było poprawnie wyświetlać ją nawet w starszych przeglądarkach. Praktycznie w każdej strona powinna działać.
Skopjuj poniższy tekst a następnie wklej go do pliku Swojej strony.
<doctype html>
<html lang="pl">
<head>
Następnie należy nadać tytuł strony:
<title>Tytuł strony</title>
później należy jakoś rozpocząć dokument naszej strony, oraz ustawić poprawne kodowanie dla Polskich znaków.
Należy więc wkleić następujący tekst.
<meta charset="utf-8">
</head>
<body>
Następnie, jeśli używamy programu notepad plus plus należy znaleźć następujące opcje: Menu format, koduj w utf 8 bez b o m.
Teraz można przystąpić już do pisania strony.
Aby stworzyć nową linię należy napisać <br>
Przykład:
Witaj na mojej oficjalnej stronie.
<br>
Tutaj możesz przejść do moich innych stron lub skontaktować się ze mną korzystając z formularza kontaktowego znajdującego się na samym dole.
<br>
Źródłem tekstu, był stary fragment kodu mojej starej jak owy kod strony głównej.
Teraz przyszła pora na linki!
Link można dodać pisząc następującą komendę
<a href="plik.rozszerzenie">Nazwa linku</a href>
np:
<a href="asdf.mp3>AsDF</a href>
Lub
<a href="http://adresstrony">Nazwa linku</a>
Np:
<a href="http://blindprogramsblog.htw.pl">Blog dla niewidomych pisany przez niewidomych</a>
Komenda na utworzenie nagłówka wygląda następująco:
<h1>tytuł nagłówka</h1>
np:
<h1>Kup pompę tanio</h1>
Po nagłówku nie trzeba pisać br ponieważ nowa linia sama się po nim tworzy.
Jeśli chcemy żeby nagłówkiem był link należy napisać
<h1><a href="nazwapliku.rozszerzenie lub http://adres strony">nazwa nagłówka będąca także nazwą linku</a></h1>
Sprawa z nagłówkami posiomu drugiego, trzeciego etc wygląda w taki sam sposób, jedynie zmieniają się liczby po h, np h1, h2, h3, h4.
Jest 6 poziomów nagłówków.
jeśli chcemy dodać zdjęcie piszemy:
<img src="nazwapliku.jpg" alt="Tytół zdjęcia." />
Podam wam jeszcze darmowe sposoby na hostowanie strony:
Jeśli posiadamy dropboxa to
droppages.com
tam łączymy aplikację z dropboxem.
dot.tk, lecz musimy być wyposarzeni w serwer a domena darmowa jest przez maksymalnie rok czasu.
Jest oczywiście jeszcze prv.pl.
Jedna odpowiedź do “Tworzenie prostej strony w HTML, czyli mój stary poradnik.”