Si të nënvizoni tekstin në HTML

Autor: Clyde Lopez
Data E Krijimit: 19 Korrik 2021
Datën E Azhurnimit: 1 Korrik 2024
Anonim
200mm Lens Shootout for Astrophotography
Video: 200mm Lens Shootout for Astrophotography

Përmbajtje

Metoda e nënvizuar e HTML është të përdorësh etiketat u> / u>, por tani përdor një metodë moderne të bazuar në CSS. Nënvizimi konsiderohet një mënyrë e keqe për të tërhequr vëmendjen tek teksti sepse është e lehtë të ngatërrosh tekstin e nënvizuar me një lidhje.

Hapa

Metoda 1 nga 2: Metoda Moderne

  1. 1 Përdorni vetinë "dekorimi i tekstit" në CSS. Aktualisht, etiketa u> nuk përdoret për të nënvizuar tekstin.
    • Duke shtuar këtë pronë, nuk keni pse të ndryshoni kodin tuaj në të ardhmen kur etiketat e vjetra të dalin në pension.
  2. 2 Përdorni etiketën span> për të nënvizuar një pjesë të veçantë të tekstit. Vendosni një etiketë fillestare së bashku me vetinë "dekorimi i tekstit" përpara tekstit që dëshironi të nënvizoni. Në fund të tekstit, futni etiketën / hapësirën mbyllëse>.

    span style = "text-decoration: underline;"> Ky tekst do të nënvizohet. / span>

  3. 3 Specifikoni elementet HTML në seksionin stili> për ta bërë më të lehtë nënvizimin. Gjithashtu mund të bëhet duke përdorur një fletë stili CSS. Për shembull, për të nënvizuar të gjithë titujt e nivelit 3, shtoni kodin e mëposhtëm në seksionin "stil":

    html> kokë> stil> h3 {dekoratë teksti: nënvizo; } / style> / head> body> h3> Ky titull do të nënvizohet / h3> / body> / html>

  4. 4 Krijoni një klasë CSS për të nënvizuar shpejt tekstin. Ju mund të krijoni klasa në fletën tuaj të stilit ose seksionin stil> për t'i thirrur ato më vonë. Klasës mund t'i jepet çdo emër.

    html> kokë> stil>. nënvizim {text-decoration: underline; } / style> / head> body> Përdoreni këtë klasë për div> nënvizim të shpejtë / div> div të ndryshëm> elemente / div> / body> / html>

  5. 5 Mendoni për mënyra të tjera për të nxjerrë në pah tekstin. Ne ju rekomandojmë që të shmangni nënvizimin për të shmangur konfuzionin e përdoruesve. Më mirë të përdorni etiketën em> për ta bërë tekstin italik. Përdorni CSS për të shtuar opsione të tjera stilimi në këtë etiketë.

    html> kokë> stil> em {ngjyra: e kuqe; } / style> / head> body> Çdo gjë në elementin "em" do të pjerrtësohet (si parazgjedhje) dhe gjithashtu do të ngjyroset me të kuqe / em> falë opsioneve shtesë të stilit. / body> / html>

Metoda 2 nga 2: Metoda e Trashëgimisë

  1. 1 Shmangni përdorimin e etiketave të vjetra u> / u>. Ato janë të vjetruara, që do të thotë se këto etiketa ende funksionojnë, por po dekurajohen ose dekurajohen. Kjo ndodh sepse HTML nuk ka për qëllim të personalizojë stilin e përmbajtjes. Etiketa u> akoma funksionon, por duhet të përfaqësojë tekst të ndryshëm nga teksti tjetër, siç janë fjalët e shkruara gabim ose emrat e duhur kinezë.
  2. 2 Përdorni etiketat u> / u> për të nënvizuar elementet (vetëm për demonstrim). Vështirë se ka një rast të vetëm kur duhet të përdorni këto etiketa. Ju mund të keni nevojë të redaktoni sitin e vjetër, kështu që është më mirë të jeni të vetëdijshëm se cilat janë etiketat.

    html> body> Etiketa e vjetër HTML u> bëri të mundur nënvizimin e shpejtë të elementeve / u>, por nëse elementët e tjerë të stilimit preken, gjërat bëhen kaotike. Prandaj, në ditët e sotme ata përdorin elementin CSS "dekorim teksti" për nënvizimin. / body> / html>

Këshilla

  • Ka pothuajse gjithmonë një mënyrë më të mirë për të nxjerrë në pah përmbajtjen në një faqe në internet sesa nënvizimi. Nënvizimi mund të ngatërrojë përdoruesit. Mendoni se si të nënvizoni tekstin duke përdorur CSS.