Hipertekstowy język znaczników (HTML) to język front-end używany do projektowania i tworzenia strony internetowej. HTML jest podstawowym językiem wszystkich języków używanych do projektowania statycznych lub dynamicznych stron internetowych. Html posiada wiele funkcji, które są wymagane przy projektowaniu. Za pomocą tagów, poleceń pisanych w nawiasach kątowych projektowana jest strona internetowa. HTML pozwala użytkownikowi tworzyć lub edytować tekst, obraz lub dowolny inny element, taki jak dowolny edytor tekstu, tj. Microsoft Word. Zawartość HTML to tekst, obraz, kolor, projekt itp. projekt jest bardzo ważną częścią, ponieważ odpowiada za dekorowanie tekstu. Nadanie tekstu kursywą jest jednym z przykładów projektowania tekstu. Ten element jest ważny w podkreślaniu lub przyciąganiu uwagi użytkownika. Niektóre przykłady zostały wyróżnione w tym samouczku.
Wymagane Niezbędne
HTML wymaga dwóch narzędzi do projektowania i tworzenia strony internetowej. Jednym z nich jest edytor tekstu, który jest wymagany do napisania w nim kodu html. Może to być dowolny edytor tekstu w Twoim dostępie, tj. notepad, notepad++, sublime, visual studio itp. Drugi to przeglądarka na Twoim komputerze, Google Chrome, internet explorer itp. W tym artykule wykorzystaliśmy notatnik i Google Chrome. Do zaprojektowania strony statycznej potrzebny jest kod HTML oraz do stylizacji arkusza stylów CSS. Każdy z nich jest używany w tym przewodniku wraz z przykładami.
Format HTML
Aby wyjaśnić konstrukcję tekstu kursywą, najpierw rozumiemy kod html. Kod HTML składa się z dwóch części. Jedna to część głowy, a druga w ciele. W nagłówku umieszczamy tytuł; ta nazwa tytułu jest w rzeczywistości tytułem strony. Stylizację wewnętrzną wykonuje się również wewnątrz korpusu głowy. Podczas gdy body zawiera wszystkie inne tagi związane z tekstem, obrazem i kolorem itp., poza tym wszystko, co chcesz dodać do strony html, jest zapisane w części kodu HTML.
< html >
< głowa >...</ głowa >
< ciało >….</ ciało >
</ html >
Poniższy obraz to przykładowy kod HTML. Widać, że nazwa tytułu jest napisana wewnątrz części głowy. Jednocześnie dodaliśmy akapit w treści html za pomocą tag
. następnie tag body i tagi html są zamykane.
Dane wyjściowe tego przykładu są widoczne w przeglądarce. Widać, że nazwa tytułu pojawia się w nazwie zakładki, którą zadeklarowaliśmy w nagłówku kodu html.
HTML ma otwierające i zamykające znaczniki dla wszystkich znaczników zapisanych w jego ciele. Po otwarciu kodu należy go zamknąć po wpisaniu tekstu między nim. Tag jest zamknięty z ukośnikiem. Kod jest następnie zapisywany w pliku notatnika. Należy pamiętać, że podczas zapisywania kodu plik edytora tekstu musi być zapisany z rozszerzeniem html. Na przykład przykład.html. wtedy zobaczysz, że plik jest zapisany z ikoną aktualnej przeglądarki, której w tym celu używasz.
Takie było tło projektowania w html. Teraz użyjemy prostego przykładu, aby tekst był kursywą.
Przykład 1
Weź plik notatnika i napisz prosty kod HTML, jak opisano wcześniej w tym przewodniku. Dodaj akapit składający się z dwóch linii w części ciała. Aby tekst był kursywą. Użyj tagu na początku słów, które chcesz pisać kursywą
< i > ……</ i >To jest znacznik do kursywy tekstu. Jak widać na poniższym obrazku, czy tag otwierający jest napisany na początku i jest tagiem zamykającym. Zamknij ciało i html.
Teraz zapisz plik i uruchom go w przeglądarce, aby zobaczyć wynik pliku.
Z wyników możesz zauważyć, że zdanie, które oznaczyliśmy kursywą w kodzie, jest zapisane kursywą, podczas gdy pierwsze zdanie pojawiło się w formacie normalnym.
Przykład 2
W tym przykładzie zamiast całego zdania tekstu napiszemy konkretne słowo kursywą. Tagi otwierające i zamykające są używane w całym akapicie, wszędzie tam, gdzie chcemy, aby tekst w zdaniu był kursywą.
Teraz jeszcze raz zapisz plik, a następnie uruchom go w przeglądarce. Widać, że jakaś konkretna część tekstu jest pochylona, którą chcemy zaznaczyć w kodzie kursywą.
Przykład 3
Oprócz korzystania z w tekście, istnieje inna metoda, aby tekst był kursywą. W ten sposób podkreśla się część tekstu. Ten tag ma również tagi otwierające i zamykające. Użyta do tego składnia to ;
< w >….</ w >Tekst jest napisany między dwoma znacznikami; w tym przykładzie użyliśmy tego znacznika dwa razy w akapicie. Zobaczmy obraz kodu umieszczony poniżej.
W obu zdaniach użyliśmy raz w akapicie. Dane wyjściowe uzyskuje się uruchamiając plik html w formacie przeglądarki.
Przykład 4
To jest przykład, w którym zastosowaliśmy inne podejście, aby pokazać słowa kursywą. Oznacza to użycie w tekście. W tym przykładzie zastosowaliśmy ten znacznik do całego tekstu zapisanego w treści html.
< Cytować > ……</ cytat > 
Po zamknięciu wszystkich tagów uruchom plik w przeglądarce.
Przykład 5
Do tej pory omówiliśmy stylizację tekstu w linii. Tworzenie kursywy tekstu odnosi się również do stylizacji i projektowania tekstu. Stylizacja ma trzy rodzaje. Jedna jest inline, druga wewnętrzna, a trzecia zewnętrzna. Stylizacja inline odbywa się w obrębie tagu. Wewnętrzny jest napisany wewnątrz korpusu głowy. A stylizacja zewnętrzna jest wykonywana w innym pliku z rozszerzeniem .css.
To jest przykład wbudowanego css; tutaj napisaliśmy kod wewnątrz znaczników akapitu. Zadeklarowaliśmy, że wyrażenie style jako styl czcionki jest kursywą. To oświadczenie jest zapisane wewnątrz znacznika, więc nie będzie miało żadnego zamykającego znacznika, jak widać na powyższym obrazku. Teraz zamknij wszystkie tagi i uruchom je w przeglądarce. Pokazuje takie same wyniki, jakich sobie życzyliśmy.
< P styl=robić-styl: kursywa;> 
Przykład 6
Po inline dodamy teraz przykład stylizacji wewnętrznej. Tutaj klasa jest dodawana wewnątrz części głowy. Następnie nazwa klasy jest zadeklarowana wewnątrz znacznika akapitu w treści html. Aby był łatwo dostępny.
< głowa >< styl >
.do{
Robić-styl: kursywa;
}
</ styl ></ głowa >
Widać, że klasa jest inicjowana metodą kropki. W kodzie są dwa akapity; na jednym z nich zastosowaliśmy tę stylizację. Przydaje się więc, gdy chcemy sformatować jeden akapit.
Deklaracja klasy w akapicie jest;
< P klasa=a>< P klasa='do'>
To uzyska dostęp do klasy w głowie. Teraz zobacz wynik. Zauważysz, że jeden z akapitów jest napisany kursywą.
Wniosek
Ten artykuł przedstawia formatowanie tekstu kursywą. Projektowanie tekstu jest istotną częścią projektowania strony internetowej.