Co to jest strona internetowa? Wymień główne elementy strony internetowej

Większość treści przedstawionych wInternet to strona internetowa. Jest to historycznie pierwszy typ dokumentów przeznaczonych do umieszczenia w wirtualnej przestrzeni sieciowej, ale wciąż zachowujący jego znaczenie i praktycznie nie ma konkurencyjnych formatów. Jaka jest struktura stron internetowych? Jakie narzędzia do tworzenia stron internetowych tworzą?

Co to jest strona internetowa?

"Wymień główne elementy strony internetowej" -mówi nam egzaminator w informatyce w klasie. Co możemy mu powiedzieć w zamian? Po pierwsze, zamierzamy powiedzieć o stronie internetowej w zasadzie.

Według ogólnie przyjętego wśród specjalistów ITDefinicja jest to dokument, który ma zostać otwarty w specjalistycznym programie przeglądarki i który zawiera dane do wyświetlenia na ekranie komputera przy użyciu odpowiedniego oprogramowania o różnych przydatnych treściach - tekstach, linkach, grafice, wideo, muzyce itp. Strona internetowa - to jest dokument tekstowy. Odpowiednimi danymi do przeglądarki są litery, cyfry i znaki specjalne używane jako elementy języka znaczników - HTML. To przez niego twórca strony internetowej "wyjaśnia" przeglądarce sposób wyświetlania tej lub innej treści na ekranie.

Miejsce i rola stron internetowych w strukturze witryny

Czy możesz powiedzieć, że strona jest najważniejszaskładnik strony internetowej? Jest to częściowo prawda. Jednak, jak zauważyliśmy powyżej, strona internetowa jest tylko dokumentem tekstowym. Strona z reguły zawiera również zdjęcia, filmy i inne elementy multimedialne. Strona internetowa nie może ich zawierać, ale w swojej strukturze może zawierać linki do nich. Tak więc stronę internetową można nazwać głównym komponentem strony w aspekcie wiodącej roli w wyświetlaniu użytkownikom treści wirtualnych.

W rzadkich przypadkach, oczywiście,dokument będzie jedynym składnikiem witryny - jeśli z jakiegoś powodu nie przewiduje wyświetlania grafiki, filmów i innych elementów multimedialnych. W szczególności, pierwsze witryny - kiedy języki znaczników stron internetowych dopiero powstały - nie zawierały odpowiednich treści. Przed oczami użytkownika był tylko tekst i linki.

Zasada angażowania hipertekstu

Tak więc strona internetowa jest dokumentemskompilowany w HTML, z którym wykonywany jest znacznik hipertekstu. Ale czym jest to zjawisko? Czym jest hipertekst? Nie zagłębiając się w teorię, zauważamy, że jest to tekst, który w taki czy inny sposób pozwala uzyskać szybki dostęp do drugiego - poprzez linki. W normalnej książce jest to niemożliwe - jest "zwykły tekst". Aby uzyskać dostęp do żądanej strony, czytelnik musi wykonać kilka rzutów, zanim przeczyta treść lub przypisy. W trybie "hipertekstowym" główna część pracy jest wykonywana przez komputer - ze względu na informacje odzwierciedlone w elementach HTML strony.

Jeśli nauczyciel informatyki mówi nam: "Wymień główne elementy strony internetowej", wtedy możemy całkiem poprawnie rozpocząć opowieść o składnikach odpowiedniego dokumentu, które są tworzone przy użyciu języka znaczników HTML. Dlatego na początek przyjrzymy się pewnym teoretycznym punktom dotyczącym HTML.

Struktura języka HTML: tagi

W jaki sposób przeglądarka odczytuje niezbędne dane na temat strony internetowej z dokumentu napisanego w HTML? Bardzo proste.

Głównymi elementami tego języka są tagi. W większości przypadków są one sparowane - otwiera się jeden, a zamykający. Te pierwsze są oznaczone za pomocą tylko nawiasów ostrych. Te drugie są podobne, ale ukośnik, znak /, jest umieszczony przed drugim nawiasem. Przeglądarka jest w stanie je rozpoznać i dlatego wyświetla zawartość stron internetowych bez żadnych problemów zgodnie z algorytmami stworzonymi przez autora dokumentu.

Znacznik otwierający jest zwykle pisany wielkimi literami.zamykanie - małe. Jest to standard ustanowiony w środowisku specjalistów IT. Przeglądarka z pewnością rozpoznaje polecenie HTML w dowolnych literach, ale programiści wciąż powinni trzymać się oznaczonego schematu znakowania. Ułatwi to na przykład przeglądanie strony internetowej przez innych specjalistów.

Atrybuty

Inne kluczowe elementy języka HTML to atrybuty. Za ich pomocą twórca strony internetowej może ustawić właściwości treści - na przykład wysokość czcionki, jej kolor, położenie względem strony. To samo dotyczy zdjęć, wideo i innych elementów multimedialnych. Atrybuty są zapisywane w otwierającym tagu.

Treść

Między otwieraniem i zamykaniem tagukolejnym kluczowym elementem strony jest treść. Jest to w rzeczywistości bardzo treści, które powinny być wyświetlane użytkownikowi na ekranie. Może to być tekst, link, zdjęcie, wideo lub inny element multimedialny.

Elementy strony internetowej

"Wymień więc główne elementy strony internetowej,wreszcie! "- powtórzył nauczyciel. "Z przyjemnością" odpowiadamy na niego. Co zawiera struktura tego typu dokumentów? Zgadzamy się, że rozpatrzymy ten aspekt w kontekście elementów HTML strony internetowej. Oznacza to, że ich wyświetlanie w przeglądarce - co użytkownik widzi na ekranie - będzie mniej interesujące dla nas. Chodzi o to, że odpowiednie algorytmy HTML, na podstawie których program wyświetla zawartość w ten sam sposób, mogą być różne. Jest to cecha języka HTML: pożądany obraz na stronie internetowej może być wyświetlany na różne sposoby. Równocześnie mogą być one równorzędne pod względem kosztów pracy dla twórcy strony internetowej, a także zakładać inną ilość wysiłku i czasu na ich wdrożenie.

Elementy strony internetowej: nagłówek

Standardowe elementy strony internetowej takie jak tazaskakująco brzmiało, prezentowane w bardzo małych ilościach. W rzeczywistości są tylko dwa z nich - tytuł i główna część dokumentu. Jednak każdy z nich może mieć dość skomplikowaną strukturę.

Jaka jest specyfika tytułu? Znajduje się na samym szczycie strony internetowej. W kodzie HTML, który tworzy tytuł, z reguły tylko tekst jest "szyfrowany", ale w razie potrzeby małe wstawki graficzne można również umieścić w odpowiednim elemencie. I to wszystko, co można powiedzieć o tytule. Wydaje się, że jego rola w strukturze odnośnego dokumentu jest znikoma. Ale tak nie jest. Nagłówki stron internetowych są bardzo istotne pod względem indeksowania stron w wyszukiwarkach - Yandex, Google. Ten element powinien być całkowicie adekwatny do treści strony internetowej, a także tematycznej specyfiki witryny.

Jak naprawiono tytuł strony internetowejużywając języka HTML? Bardzo proste. Najpierw zostanie napisany znacznik otwierający, który zawsze wygląda jak HEAD z nawiasami ostrymi, a następnie - zawartość tytułu, po - znacznik zamykający. Są one napisane oczywiście na samym szczycie dokumentu internetowego.

Nagłówek dokumentu internetowego może zawierać pewną liczbędodatkowe przedmioty. Czasami format strony internetowej może wymagać wyświetlenia tekstu w określonym kodowaniu. Jak upewnić się, że dokument internetowy spełnia to kryterium? Bardzo proste. W strukturze nagłówka dokumentu należy umieścić algorytmy HTML, które instruują przeglądarkę, aby używała określonego kodowania języka - na przykład cyrylicy. Odpowiednie polecenia są umieszczane wewnątrz znacznika META, który podobnie jak pozostałe, otwiera się i zamyka.

Główna strona internetowa

Główna część dokumentu internetowego jest otwierana ze znacznikiem.TRUP, jest zamykana za pomocą odpowiedniego elementu, w tym ukośnika. W tym samym czasie pomiędzy znacznikami otwierającymi i zamykającymi może występować ogromna liczba dodatkowych poleceń języka znaczników hipertekstowych. Wynika to z faktu, że główna część strony internetowej zawiera przydatne treści - teksty, linki, grafiki, filmy, różne formularze do wypełnienia.

Każdy z odpowiednich typów treści mawłasne tagi. W strukturze głównej części dokumentu internetowej mogą występować HTML poleceń, z których formatowanie tekstu odbywa się również - na przykład, nadając specyficzny kolor czcionki, rozmiar i inne właściwości.

Zastanów się, jakie są szczegóły niektórych często używanych tagów HTML. Właściwie stanowią także główne elementy strony internetowej.

Podstawowe znaczniki HTML

Tak więc, w celu szczegółowego badania tego, cosą elementami strony internetowej, będziemy bardziej szczegółowo badać istotę podstawowych znaczników HTML. Niektóre z nich już cytowaliśmy powyżej - w szczególności te, z którymi przeglądarka odczytuje nagłówki stron internetowych i określa, gdzie znajduje się główna część dokumentu.

Znacznik P. jest dość powszechny. On, podobnie jak inne podobne elementy hipertekstowego języka znaczników, może być otwierany i zamykany. Ten znacznik umożliwia formatowanie pojedynczego akapitu dokumentu. Można na przykład ustawić dla niej określony typ czcionki lub jej kolor. Robi się to jednak za pomocą opcjonalnego tagu - FONT. W tym przypadku, być umieszczona wewnątrz ust, który odnosi się do granic - nie rozdzieli wyświetla HTML Polecenie rodzaj korzystnej czcionki z innymi elementami strony.

Za pomocą tagu TABLE tworzone są tabele. Za pomocą odpowiednich atrybutów można określić wymaganą liczbę kolumn i wierszy, ustawić ich szerokość, specyfikę granic, rozmiar i kolor czcionki tekstu w tabeli.

Znacznik IMG odpowiada za przetwarzanie obrazów przeglądarki. Możliwe jest również umieszczenie różnych atrybutów, które regulują rozmiar obrazu, jego położenie na stronie.

Linki do innych dokumentów lub plików internetowychwskazywane przez znacznik A. Z reguły istnieją w nim atrybuty, które wskazują na fakt, że istnieje hiperlink w strukturze strony internetowej. Wskazuje dokument, plik lub witrynę, do której prowadzi.

Znacznik taki jak FRAMESET jest powszechny. Za jego pomocą można podzielić przestrzeń strony na kilka obszarów - ramek. W każdym z nich możesz umieszczać linki do poszczególnych dokumentów internetowych. Oznacza to, że ramki pozwalają na prawidłowe umieszczenie dwóch lub więcej stron na tym samym ekranie w tym samym czasie.

Opowiadanie o kluczowych elementach stron internetowych ikolejna narracja na temat sposobów ich formatowania za pomocą języka HTML - coś w rodzaju algorytmu naszej odpowiedzi na pytanie zadawane przez egzaminatora. Jeśli zwrócił się do nas, mówiąc: "wymień główne elementy strony internetowej", wtedy my, używając odpowiedniej metodologii, będziemy mieli szansę rozwiązać problem. Oznacza to, że termin "elementy" pozwala zrozumieć kluczowe elementy struktury dokumentu internetowego lub rodzaje treści - tekst, obrazy, tabele, ramki, linki, które webmaster tworzy za pomocą narzędzia takiego jak HTML.

Specyficzne narzędzia programistyczne

Oprócz powyższego możemy to wyjaśnićtagi i atrybuty zapewniane przez standardy HTML - ogromna ilość. Oprócz HTML, twórcy stron internetowych mogą korzystać z dodatkowych narzędzi do formatowania dokumentów hipertekstowych. Na przykład, używając języka skryptowego JavaScript, można tworzyć dynamiczne strony internetowe - czyli takie, w których zawartość jest stale aktualizowana (zarówno ze względu na działania samego użytkownika, jak i zgodnie z algorytmami zapisanymi wcześniej w skryptach).

Przydałoby się dodać, że twórca stron internetowych możew swoich pracach używają pełnowartościowych języków programowania, takich jak na przykład Perl, PHP, Java, Python, dzięki czemu możliwości pracy z dokumentami hipertekstowymi stają się jeszcze szersze. Konieczność tego może wynikać z faktu, że dziedziny zastosowania technologii internetowych są dziś bardzo różne. Zadania, które stoją przed nowoczesnymi programistami, mogą być dość złożone. Na przykład czasami trzeba tłumaczyć strony internetowe napisane po rosyjsku na angielski. W takim przypadku zestaw narzędzi dla programistów będzie najbardziej zróżnicowany.