Jak działa HTML - Podstawowa koncepcja HTML z różnymi znacznikami

Spisie treści:

Anonim

Wprowadzenie do działania HTML:

HTML to język oparty na znacznikach używany do tworzenia stron internetowych; HTML oznacza Hyper Text Markup Language. Hipertekst odnosi się do sposobu łączenia stron internetowych. Dlatego link dostępny na stronie internetowej nazywa się Hipertekstem. Jest to język znaczników, czyli tagi informujące przeglądarkę, w jaki sposób strona będzie na niej renderowana. Został opracowany przez Berners-Lee pod koniec 1991 r., Ale „HTML2.0” była pierwszą standardową specyfikacją opublikowaną w 1995 r. Później jego wiele wersji HTML pojawiło się podobnie jak HTML 4.0, obecnie najnowsza wersja to HTML5.0, która jest bardzo znana z przodu zakończyć tworzenie stron internetowych.

Struktura działania strony HTML:



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html



title tag of html

heading tag of html
paragraph tag of html

Ten znacznik określa typ dokumentu i wersję HTML.

Powyższy znacznik zawiera pełny dokument języka programowania HTML, składa się z nagłówka dokumentu reprezentowanego przez… i treści dokumentu reprezentowanej przez… znaczniki.

znacznik head reprezentuje nagłówek dokumentu, który może przechowywać inne znaczniki HTML, itp.

ten znacznik jest używany wewnątrz znacznika do napisania tytułu dokumentu.

znacznik reprezentuje treść dokumentu, który przechowuje inne znaczniki HTML, takie jak,

,

itp.

Różne tagi prac HTML i ich opis:

  • :

Znacznik nagłówka służy do tworzenia odmian przykładu nagłówka podanego poniżej



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6



Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6


Heading Example

Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6

Wynik

Nagłówek 1
Nagłówek 2
Nagłówek 3
Nagłówek 4
Nagłówek 5
Nagłówek 6

  • :

Jest to tag akapitu, który można lepiej zrozumieć na przykładzie podanym poniżej.



Paragraph Example

To jest pierwszy akapit tekstu.

To jest drugi akapit tekstu.

To jest trzeci akapit tekstu.

Wynik

To jest pierwszy akapit tekstu.
To jest drugi akapit tekstu.
To jest trzeci akapit tekstu.

  • :

Ten tag służy do przerwania linii, możemy go użyć, gdy tylko chcemy, aby cokolwiek zaczynało się od następnego wiersza. Jest to tag jednowierszowy, nie wymaga tagu zamykającego.

  • :

Umieść całą zawartość w centrum, aby umieścić to główne zastosowanie tego tagu w tworzeniu stron internetowych.

  • :

Służy do tworzenia linii, głównie gdy chcesz narysować stronę internetową z jedną linią.

  •  :

Jest to bardzo ważny znacznik HTML, w niektórych scenariuszach chcemy pokazać wszystko tak, jak napisano na stronie HTML, w takich przypadkach jest to bardzo przydatny znacznik. Przykład podano poniżej.



Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

 

 

Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing


Preserve Formatting Example

Laravel is the PHP framework. It is an open source framework used in web application development. This framework is based on model view controller design pattern due to this project developed with help of this framework are more structured and manageable. This framework reuses the existing

Wynik

Laravel to framework PHP. Jest to framework open source wykorzystywany w sieci
tworzenie aplikacji. Ramy te oparte są na kontrolerze widoku modelu
wzorzec projektowy ze względu na ten projekt opracowany przy pomocy tych ram są
bardziej uporządkowane i łatwiejsze w zarządzaniu. Ramy te wykorzystują istniejące

    Aby wydrukować pojedynczą spację, jest to używane w HTML.

    • Tagi Właściwości:

    Możemy ustawić właściwość na poziomie znacznika Przykład podany poniżej



    Align Attribute

    Wyrównany do lewej

    Wyrównany do środka

    Wyrównany do prawej

    Wynik

    Wyrównany do lewej
    Wyrównany do środka
    Wyrównany do prawej

    Podstawowe atrybuty HTML

    Istnieje kilka podstawowych atrybutów, które zostały użyte z prawie wszystkimi następującymi elementami HTML

    • ID
    • Tytuł
    • Klasa
    • Rodzaj

    1) Id:

    Te atrybuty używane do jednoznacznej identyfikacji elementu HTML na stronie może być możliwe, że ten sam element został użyty na stronie HTML w wielu miejscach za pomocą atrybutu id identyfikujemy element i jego zawartość i mogą być użyte do innego celu w javascript . Przykład podano poniżej.

    To jest pierwszy akapit, który wyjaśnia, jak HTML używać

    To drugi akapit, który wyjaśnia, czym jest Arkusz stylów kaskadowych i jak go używać

    Objaśnienie - W powyższym przykładzie ten sam element został użyty dwa razy, więc jak odróżnić ten element tylko na podstawie identyfikatora.

    2) Tytuł:

    Ta składnia atrybutu jest podobna do atrybutów id, cel tych atrybutów będzie zależeć od elementu, który ją przenosi, chociaż często jest wyświetlany jako etykietka narzędzia, gdy kursor znajdzie się nad elementem, jest to główne zastosowanie tego atrybutu. Przykład podano poniżej -



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time



    title Attribute Example

    Sleeping from the long time

    Wynik

    Spanie od dłuższego czasu

    Jeśli spróbujemy najechać kursorem na „Śpiąca od dłuższego czasu”, zobaczymy, że jakikolwiek tytuł użyty w naszym kodzie pojawia się jako podpowiedź kursora.

    3) Klasa:

    Atrybut class służy do powiązania elementu z arkuszem stylów i określa klasę elementu. Dowiemy się więcej o korzystaniu z atrybutu class, gdy nauczymy się CSS (Cascading Style Sheet) .Jego główne zastosowanie w CSS. Wartością tego atrybutu może być także rozdzielona spacjami lista nazw klas. Przykład podano poniżej -

    class = "className11 className12 className53"

    4) Styl:

    Służy do pisania reguły stylu kaskadowego na poziomie elementu, co można lepiej wyjaśnić w przykładzie podanym poniżej



    The style Attribute

    To jest przykładowy tekst w stylu, ma czerwony kolor …

    Wynik

    To jest przykładowy tekst w stylu, ma czerwony kolor…

    Wniosek - jak działa HTML:

    Ponieważ widzieliśmy wiele podstawowych tagów, stronę internetową można utworzyć za pomocą tych tagów, które mogą być wyświetlane użytkownikowi końcowemu, ilekroć użytkownik zażąda określonej strony internetowej za pomocą swojej przeglądarki internetowej, prace związane z wyświetlaniem zostaną wykonane przez sieć przeglądarka. Obecnie na rynku istnieje wiele nowych tagów, które zwiększają atrakcyjność stron internetowych.

    Polecane artykuły

    To był przewodnik po tym, jak działa HTML. Tutaj omówiliśmy podstawową koncepcję HTML przy użyciu różnych tagów i podstawowych atrybutów HTML. Możesz także przejrzeć następujące artykuły, aby dowiedzieć się więcej -

    1. Zastosowania HTML
    2. HTML5 vs XHTML
    3. Wywiad HTML5 Pytania i odpowiedzi
    4. Ściągawka HTML
    5. Style list HTML