wstawić html - Kurs HTML i CSS
HTML dla zielonych / Odsyłacz do podstrony HTML <a href>...plik z dokumentem podstrony nazywa się "kontakt.html" i znajduje się w tym samym katalogu na dysku komputera co dokument *.html, w którym chcemy wstawić do niego odsyłacz, można się posłużyć następującym znacznikiem: <a href="kontakt.html">...</a>. Dlaczego odsyłacz nie działa? Najczęstszym powodem niedziałającego odsyłacza na stronie internetowej są błędy literowe w nazwie pliku podstrony odnośnika albo niepoprawnie skonstruowana ścieżka dostępu [zobacz: Wstawienie obrazka]. Innym...
Czcionki CSS / Czcionki osadzone @font-face...arkuszy CSS. Nie jest to jednak najlepsze rozwiązanie, ponieważ wydłuża czas potrzebny na załadowanie strony za pierwszym razem. Zwykle korzystniej wstawić tylko jeden arkusz, a w adresie podać po znaku "pipe" ("|") nazwy wszystkich potrzebnych czcionek (z ewentualnymi nazwami wersji - nie ma natomiast możliwości określenia osobnego alfabetu dla każdej czcionki), np.: <head> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=rodzaj1:bold,italic|rodzaj2"> </head> Nie...
Przeglądarka zdjęć...załadowania zdjęcia. Następnie na stronie, gdzie ma być umieszczona przeglądarka zdjęć, należy w nagłówku dokumentu (wewnątrz <head>...</head>) wstawić: <script src="przegladarka_zdjec.js"></script> W wyróżnionym miejscu oczywiście należy podać lokalizację utworzonego wcześniej pliku przegladarka_zdjec.js. Teraz wystarczy wkleić na stronie w wybranym miejscu przykładowy kod: <script> var przegladarka_zdjec = new PrzegladarkaZdjec('przegladarka_zdjec', new Array( new Array('zdjęcie...
- Menu drzewiaste / Skrypt menu drzewiastego
...wpisać tam href="javascript:void(0)". W jednym dokumencie nie może być dwóch elementów z takim samym atrybutem id="...". Dlatego jeżeli chcemy wstawić drugie menu na tej samej stronie, trzeba dla niego użyć już zmodyfikowanego kodu, np.: <ul id="tree1" class="tree"> ... </ul> <script> new Tree("tree1"); </script> Aby menu prezentowało się w pełni funkcjonalnie, trzeba jeszcze przygotować trzy grafiki ikon i zapisać je w tym samym katalogu, co skrypt menu. Na przykład: closed.gif...
- Tekst HTML / Komentarz HTML
...wykorzystać. Zaletą takiego sposobu, w stosunku do zwyczajnego usunięcia tekstu z kodu źródłowego strony, jest to, że za jakiś czas możemy ponownie wstawić taki fragment, usuwając tylko znaki komentarza - nie musimy wtedy wpisywać całego kodu od początku: <!--<p> Ten fragment pokazuje przykład, w jaki sposób można używać <b>komentarz HTML</b>... </p>--> Należy jednak pamiętać, aby nie obejmować w ten sposób przesadnie długich fragmentów strony, ponieważ niezależnie od tego, że nie są one...
Wyróżnienia...i atrybutów oraz w jaki sposób układać tekst na ekranie, w jaki sposób zmienić wygląd tekstu, jak zmienić tło strony czy też w jaki sposób wstawić obrazek na stronę WWW. cytat z magazynu PHP Solutions Serwis Kurs HTML został umieszczony na płycie CD magazynu CHIP w numerze 09/2004 (w dziale "Hity"): Doskonały kurs języka HTML. W prosty i przyjazny sposób autor tłumaczy podstawy składni HTML-a. Świetne narzędzie zarówno dla początkujących, jak i zaawansowanych webmasterów...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...stronie internetowej. Jak zrobić tabelę? W tym celu należy umieścić w wybranym miejscu na stronie znacznik TABLE, a następnie wewnątrz niego wstawić dowolną liczbę znaczników TR tworzących kolejne wiersze tabeli. Z kolei wewnątrz każdego znacznika TR trzeba dodać taką samą liczbę elementów TD, które tworzą pojedyncze komórki (rubryki) tabeli. Na przykład, aby utworzyć tabelę z dwoma wierszami i dwiema kolumnami, można się posłużyć następującym kodem: <table> <tr> <td>wiersz 1, kolumna...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...Aby wysłać formularz bez pośrednictwa programu pocztowego, należy utworzyć normalną stronę HTML, a następnie w wybranym miejscu dokumentu wstawić poniższy kod zawierający formularz. Ważne jest tylko, aby plikowi nadać rozszerzenie *.php (czyli np. formularz.php), a nie *.html. Jeżeli nie dopełnisz tego warunku, skrypt nie zadziała! <?php if ($_POST) { ////////// USTAWIENIA ////////// $email = 'adres e-mail gdzie wysłać formularz'; // Adres e-mail adresata $subject...
- Szablon strony na DIV-ach / Responsywny szablon
...Arkusze Stylów (CSS). Można to zrobić w trzech prostych krokach opisanych poniżej. Skalowanie Aby stworzyć stronę responsywną, najpierw musimy wstawić w nagłówku dokumentu, tzn. w dowolnym miejscu pomiędzy znacznikami <head> i </head>, następuje polecenie: <meta name="viewport" content="width=device-width, initial-scale=1"> Oznacza ono, że przeglądarka mobilna nie musi pomniejszać strony, ponieważ to my zadbamy o to, aby strona była wygodna w odbiorze na urządzeniach przenośnych...
- Formularze HTML / Hasło <input "password">
...można w prosty sposób zabezpieczyć wybraną stronę hasłem. W tym celu wystarczy na stronie głównej, do której wszyscy mają normalny dostęp, wstawić następujący kod: <form action="?" onsubmit="window.location.href = this.password.value + '.html'; return false"> <input type="password" name="password"> <input type="submit" value="OK"> </form> Hasłem w tym przypadku jest nazwa strony bez rozszerzenia, którą chcemy zabezpieczyć. Przykładowo: hasłem do strony tajna_strona.html (która...