ustawić html - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>...wideo należy dodać odpowiedni atrybut logiczny (bez wartości): <video src="film.mp4" loop></video>. Jak wyśrodkować film w HTML? Aby ustawić odtwarzacz wideo na środku ekranu, należy go umieścić wewnątrz elementu blokowego z przypisanym odpowiednim stylem: <div style="text-align: center"> <video src="film.mp4"></video> </div>.
Czcionki CSS / Czcionki osadzone @font-face...innym, najbardziej zbliżonym krojem pisma. Google udostępnia specjalne narzędzie do podglądu czcionek. Dzięki niemu można szybko wybrać czcionkę, ustawić jej wymagane atrybuty i od razu skopiować kod HTML gotowy do osadzenia na swojej stronie. Nie każda czcionka z katalogu zawiera wszystkie polskie znaki diakrytyczne. Co prawda w takim przypadku przeglądarki mogą wyświetlić brakujące litery standardową czcionką, ale i tak nie wygląda to estetycznie. Dlatego zawsze dobrze jest sprawdzić...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego...0; } #menu0 dl dd { position: relative; left: 151px; bottom: 22px; border-left: 1px solid #eee; border-right: 1px solid #aaa; } Aby ustawić kolejne menu otwierane obok siebie, należy wstawić kilka osobnych bloków <dl>...</dl>, a następnie wypozycjonować je w odpowiednim miejscu względem siebie: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje Wstawianie stylów Skrypty Aktywne przyciski...
- HTML5 / Przeciągnij i upuść <... draggable>
...id="dropZone">Upuść tutaj</div>. Jak umieścić przeciąganie w HTML? Aby umożliwić przeciąganie elementu w HTML, należy ustawić atrybut draggable="true" na elemencie, który ma być przeciągany, oraz obsłużyć zdarzenia dragstart, dragover, i drop. Na przykład: <div draggable="true" ondragstart="event.dataTransfer.setData('text/plain', event.target.id)" id="dragItem">Przeciągnij mnie</div><div ondragover="event.preventDefault()" ondrop="handleDrop(event)...
- HTML dla zielonych / Koniec linii HTML <br>
...dół HTML? Aby w języku HTML przenieść tekst o jedną linijkę na dół, wstaw przed nim znacznik <br>. Jak zrobić tekst pod tekstem w HTML? Aby ustawić dwie linijki tekstu jedna pod drugą, umieść pomiędzy nimi znacznik <br>.
- Oprawa graficzna / "Duszki" CSS
...stratna co prawa powoduje utratę jakości, ale jest to słabo zauważalne dla przeciętnego człowieka, a zyski są ogromne. Stopień kompresji można ustawić najczęściej podczas zapisu pliku w dowolnym, bardziej rozbudowanym programie graficznym. Naprawdę warto poeksperymentować! BMP Nigdy nie używaj na stronach internetowych formatu BMP (ang. bitmap), ponieważ nie zapewnia on dobrej kompresji, a więc pliki w nim zapisane są ogromne! GIF Do wszelkiego rodzaju ręcznie rysowanych ikon...
- Formularze HTML / Wysłanie formularza bez programu pocztowego
...Tutaj umieść wszystkie pola formularza <input name="captcha" style="display: none"> </form> <?php } ?> Na początku kodu należy ustawić własne wartości: adres e-mail gdzie wysłać formularz Twój adres poczty elektronicznej e-mail. temat Tytuł, jaki będzie nosił formularz, tzn. temat listu, który otrzymasz, kiedy formularz zostanie wysłany. Dziękujemy za wysłanie formularza Komunikat, który zostanie wyświetlony użytkownikowi po wysłaniu formularza. W jego treści można...
- HTML dla zielonych / Kolor tła oraz tekstu HTML <body "background-color, color">
...może zmienić domyślny kolor tekstu w swojej przeglądarce internetowej i wtedy mógłby stać się on nieczytelny (np. biały tekst na żółtym tle). Aby ustawić żółte tło i czarny tekst na całej stronie, najlepiej do znacznika właściwego ciała dokumentu dodać atrybut o odpowiednich wartościach: <body style="background-color: yellow; color: black">...</body>. Należy jednak przy tym pamiętać, że w pliku *.html może się znajdować tylko jeden znacznik ciała dokumentu. Zatem odpowiedni atrybut dodajemy...
- Formularze HTML / Ramy formularza HTML <form>
...następującym znacznikiem: <form action="mailto:jan.kowalski@example.com" method="post">...</form>. Jak wyśrodkować formularz w HTML? Aby ustawić na środku ekranu całą zawartość formularza, można przypisać mu odpowiedni atrybut: <form action="..." method="post" style="text-align: center">...</form>.
- CSS dla zielonych / Klasy selektorów CSS <div class>
...i odpowiedzi <div class> Co to jest selektor klasy? Selektor klasy pozwala przygotować w arkuszu stylów gotowy do użycia wygląd, a następnie ustawić go wielu elementom na stronie. Jest to bardzo wygodne rozwiązanie, jeśli na stronie internetowej znajdują się stałe albo powtarzające się elementy, które mają się wyświetlać tak samo. Na przykład na każdej podstronie serwisu może się znajdować menu nawigacyjne, które wszędzie ma mieć spójny wygląd. Co to jest div class? Jest to...