Jak przenieść tekst na dół HTML? - Kurs HTML i CSS
Jak przenieść tekst na dół HTML?
Aby w języku HTML przenieść tekst o jedną linijkę na dół, wstaw przed nim znacznik <br>
.
- HTML dla zielonych / Ramy dokumentu HTML <!doctype, html, head, meta charset "description", title, body>
...html lub *.htm. Jednak stosowanie bardzo długich nazw może być uciążliwe - szczególnie w przypadku gdy internauta będzie chciał się bezpośrednio przenieść do którejś z podstron Twojego serwisu poprzez wpisanie jej adresu w przeglądarce (każda strona ma swój unikatowy adres, do którego można się odnosić). UWAGA! Bardzo ważne: w nazwach plików lepiej nie używać: wielkich liter znaków specjalnych, np.: \ / : * ? " < > | spacji (jeśli musisz, w zamian używaj podkreślnika "_") polskich...
- HTML dla zielonych / Gotowiec HTML
...zapewne będziesz chcieć wstawić na swojej stronie zdjęcia, odnośniki czy choćby pogrubić tekst albo poukładać go w osobne akapity bądź po prostu przenieść do nowej linii (w języku HTML klawisz Enter "nie działa"). Informacje jak to zrobić i wiele więcej są oczywiście zawarte w tym rozdziale. Darmowe szablony WWW (gotowce) do pobrania Gotowce w postaci darmowych szablonów WWW możesz pobrać w serwisach: webmade.org www.oswd.org (Open Source Web Design) templatemo.com Przy wyborze...
- Odsyłacze / Do podstrony <a href>
...dostępu">opis</a> gdzie jako "względna ścieżka dostępu" należy podać lokalizację na dysku, gdzie znajduje się podstrona, do której chcemy się przenieść. W miejsce wyrazu "opis" wpisujemy krótki tekst, który pojawi się na ekranie i po kliknięciu którego nastąpi uruchomienie odsyłacza (ścieżka dostępu pojawia się jedynie na pasku statusu przeglądarki). Praktycznie każdy serwis internetowy składa się z pewnej ilości podstron, zapisanych w osobnych plikach HTML. Aby umożliwić w nich...
- Odsyłacze / Odsyłacz obrazkowy <a href, img, map, area>
...użytkowników Internetu wyłącza wyświetlanie grafiki na stronach, aby przyspieszyć wczytywanie. W takim przypadku praktycznie nie będą oni mogli przenieść się do miejsc wskazanych na obrazkowej mapie odsyłaczy. Z tego powodu warto również umieścić gdzieś zwykłe odsyłacze hipertekstowe, prowadzące do tych samych dokumentów. Można także zastosować odnośnik do strony alternatywnej - dla przeglądarek które nie wyświetlają grafiki. Ponadto tekst alternatywny jest informacją dla przeglądarek...
- Formularze / Pole tekstowe <input "text">
...za pomocą kombinacji Shift+Tab. Taki sposób wypełniania formularzy znacznie przyspiesza proces, ponieważ nie trzeba się odrywać od klawiatury, aby przenieść dłoń na myszkę. Normalnie porządek aktywacji kolejnych pól formularza z użyciem tabulatora jest zgodny z porządkiem umieszczenia kontrolek formularza w kodzie źródłowym strony. Zwykle jest to zupełnie naturalna kolejność. Czasami jednak chcielibyśmy ją zmienić. Na przykład wyobraźmy sobie, że pola formularza są umieszczone w kilku...
- HTML5 / Załącznik <figure, figcaption>
...w całej pracy. O tym, czy dany element nadaje się do oznaczenia go jako załącznik, najlepiej zdecydować, zadając sobie pytanie: czy moglibyśmy go przenieść na inną podstronę serwisu bez utraty spójności głównego tekstu dokumentu? Bardzo podobne przeznaczenie ma element ASIDE, jednak w odróżnieniu od FIGURE, jego zawartość jest tylko nieznacznie powiązana tematycznie z główną treścią. Na dobrą sprawę taką wstawkę (ASIDE) moglibyśmy zupełnie usunąć z witryny, podczas gdy załącznik (FIGURE)...
- Szablon strony na DIV-ach / Płynny szablon
...względu na niemożliwe do przewidzenia ułożenie elementów treści. Poza tym tekst w zbyt długich linijkach zwykle gorzej się czyta, ponieważ trudniej przenieść wzrok z końca wiersza na początek następnego. Czasami jednak może być wygodny, np. kiedy zawiera jakieś szerokie elementy, które mogą nie zmieścić się w ustalonej szerokości dla stałego szablonu (czyli zwykle 780px minus szerokość kolumny menu i ewentualnie dodatkowych informacji). W płynnych szablonach najczęściej tylko blok treści...
- Dobre praktyki / CSS Zorientowane Obiektowo
...jaki przełom w rozwoju informatyki przyniosła koncepcja Programowania Zorientowanego Obiektowo (ang. Object Oriented Programming). Dlaczego by nie przenieść tego na grunt CSS? Może zabrzmi to zaskakująco, ale CSS już teraz daje taką możliwość. Nie są wymagane do tego żadne dodatkowe rozszerzenia w przeglądarkach, a jedynie zmiana sposobu myślenia webmasterów podczas projektowania arkuszy stylów. Paradoksalnie osobom, które nigdy nie programowały w językach proceduralnych, prawdopodobnie...
- HTML dla zielonych / Koniec linii HTML <br>
...znacznik (<br>) stosuje się gdy chcemy natychmiastowo zakończyć linię. Zapytasz zapewne: Po co go stosować, nie można po prostu nacisnąć Enter i przenieść kursor tekstowy do następnej linii? Otóż nie można. Przeglądarka internetowa ignoruje wszelkie znaki przejścia do następnej linii za pomocą klawisza Enter (ignoruje również postawienie obok siebie więcej niż jednej spacji - zobacz: Znaki specjalne). Na przykład jeśli wpiszesz w edytorze taki tekst: To jest pierwsza linia... a to jest...
- Menu rozwijane, otwierane, wysuwane / Pozycja absolutna
...100px'. Zamiast wpisywać wprost deklaracje CSS, można podać tylko nazwę klasy CSS: <script> new Menu('menu0', 'menu'); </script> a deklaracje przenieść do arkusza stylów: .menu { position: absolute; left: 10px; top: 100px; } Ponieważ menu otworzy się ponad innymi elementami strony, należy zadbać, aby posiadało ustawione tło. W przeciwnym razie będzie nieczytelne! Przykład Wskaż poniższy nagłówek menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele...