Kapcsolatok

Új sor html. HTML sortörés: a br tag használata. Hogyan lehet a sortörést szóközre változtatni vagy fordítva az Excelben VBA használatával

Soremelés, soremelés, soremelés – minden egy dologról szól. A sortörések gyakoriak a HTML-ben. Számos módja van: használjon címkét
sortörésekhez, vagy CSS-tulajdonságokat használhat sortörésekhez. Nézzünk egy példát a sortörés címke használatára:

A CSS-ben a sortöréseket többféleképpen is meg lehet tenni, például így:

Br (
balra lebeg;
szélesség: 100%;
margó: 0 0 20 képpont 0; / * behúzás a sor után 20 képpont * /
}

Elválasztó vonal HTML vagy CSS használatával

A HTML-ben nagyon könnyű elválasztó vonalat létrehozni. A párosítatlan címke is használatos


- ez a választóvonal. Az elválasztó vonal egy új sorban kezdődik, és utána behúzódik. Szabályozhatja a vízszintes vonal stílusát, és alternatívát is készíthet. Íme egy példa a címkét használó elválasztó vonalra:

Most stílusozzuk (stílusváltás, megjelenés megváltoztatása) a választóvonalat:

óra (
szélesség: 80%; / * vonalvastagság * /
magasság: 4px; / * vonal magassága / vastagsága * /
háttér: # 333; / * háttér / vonal színe * /
határ: 0; / * szegély az elválasztó vonal körül (eltávolítja) * /
margó: 5 képpont 0 5 képpont 0; / * kitöltés a vonal felett és alatt 5 pixel * /
}

És hozzunk létre egy alternatívát az elválasztó vonalra a címke segítségével

és CSS.

Gyakran szükség van egy új bekezdés hozzáadására, de üres sor nélkül, amelyet a bekezdéscímke szúr be

Egyes szövegrészeknél a bekezdésekhez használt szabványos térköz egyszerűen nem megfelelő. Ezek lehetnek képek alatti és táblázatok feliratai, versek, idézetek, lábjegyzetek és jegyzetek.

A kényszersoros tördeléshez egy speciális címke biztosított, melynek funkciója a nevében található br (törősor - "sort, sort törni"). Címke
A html azt jelenti, hogy minden utána következő tartalomnak új sorban kell kezdődnie. Ha szükséges, több címkét is elhelyezhet egymás után a kívánt térköz eléréséhez.

Címke
nem különbözteti meg a kis- és nagybetűket, és nem igényel végcímkét, mert ez egy üres elem, de jobb, ha megszokjuk, hogy minden címkét bezárjunk. Az XHTML-ben a break címkét "szorosan zárni" kell fordított perjellel.

Break címkehasználati példa

A br címke működés közben< /title></p><p><р>Kimaradás a szolgálatban</р></p><p><p>Sehol és soha <br></p><p>Nem voltam olyan rossz <br></p><p>A főnökök lelkes hordája <br></p><p>Élve mar engem</р></p><p>Kimaradás a szolgálatban</p><p>Sehol és soha <br>Nem voltam olyan rossz. <br>A főnökök lelkes hordája <br>Élve mar engem.</p><h2>Címke attribútum <br></h2><p>Az egyetlen attribútum, amivel a html címke rendelkezik <br>, az úgynevezett Megmondja a böngészőnek, hogy mit tegyen a tördelt sorral, ha a szövegnek egy úgynevezett lebegő elem körül kell körbefutnia, ami lehet például egy kép a jobb/bal értékeket használó align attribútummal, vagy egy CSS. blokk, amely rendelkezik float tulajdonsággal.</p><p>Az XHTML 1.0 / HTML 4.01 specifikációiban a clear attribútum csak Transitional, Frameset és<!DOCTYPE>különben a kód nem fog működni.</p><h2>Címke attribútum tulajdonságai</h2><p>A clear attribútum használatának hatása az értékétől és a szöveg köré körbefutó lebegtetett elem helyzetétől függ. Az attribútum 4 értéket vehet fel:</p><p><br clear = "right | left | all | none"></p><p><img src='https://i0.wp.com/fb.ru/misc/i/gallery/21147/458111.jpg' width="100%" loading=lazy loading=lazy></p><p>A bal oldali érték megakadályozza, hogy a balra igazított elem körbefolyjon, így a szöveg megbotlik a címkén <br>, a kép vagy más lebegő elem alá kerül.</p><p>Pontosan ugyanazt az eredményt kapja az all argumentum használata, amely soha nem engedi meg sem a jobb, sem a bal oldalon.</p><p>A megfelelő érték megakadályozza, hogy a szöveg egy jobbra igazított elem körül folyjon, tehát a címke után <br>a szövegnek nincs más dolga, mint körbejárni a képet, jobbra áramolva körülötte.</p><p>A none érték („nem a tiéd, sem a miénk”) általában eltávolít minden engedélyt a clear attribútumból és a címkéből <br>csendben lefelé mozgatja a sort.</p><p>Mint ilyen, nincs alapértelmezett érték a címke clear attribútuma számára.</p><h2>Címke <br>egy puha átvitel</h2><p>A sortörés címke nagyon hasznos a bekezdések közötti szükséges térköz létrehozásához, amelyen belül lágy tördelésre használják, de nem a szöveg bekezdésekre osztására.</p><p><img src='https://i2.wp.com/fb.ru/misc/i/gallery/21147/458084.jpg' width="100%" loading=lazy loading=lazy></p><p>Ne ragadjon el túlságosan a szöveg formázásánál használt soremelés címkével, mert alkalmazásának eredménye nem mindig kecses.</p><p>Például, ha a címkét használja <br>bekezdésen belüli sortörések esetén ez „fésű” megjelenéséhez vezethet a felhasználói ablakban, ha az kisebb, mint a webmester által megcélzott ablak.</p> <p>Sziasztok a blogoldal kedves olvasói! Azok, akiknek legalább felületesen sikerült megismerkedniük, valószínűleg már tudomásul vették, bár általánosságban. Ez azt jelenti, hogy van elképzelésük arról, hogy általában milyen HTML karaktereket használnak a dokumentumkódban.</p> <p>Mai cikkünkben megpróbáljuk kitalálni, hogy mi az a szóköz a HTML-ben, mely esetekben lehet szóköz karaktereket használni magának a kódnak a formázásakor a könnyebb olvashatóság érdekében. Megtudjuk, mikor kell nem törő szóközt használni, és megismerkedünk más speciális karakterekkel (vagy ahogyan más néven mnemonikkal).</p> <p>Valójában azt tanácsolom, hogy ne hagyja figyelmen kívül a különféle speciális karakterek használatának témáját, mivel ez egy fontos összetevő, amely lehetővé teszi a hipertext jelölőnyelv tanulmányozásának befejezését. Általánosságban elmondható, hogy az ebben a kiadványban közölt információk biztosan nem lesznek feleslegesek. No de most a lényegre.</p> <h2>Szóközök és szóközök a HTML-ben</h2> <p>Először egy fontos pontot kell leszögezni. A számítógép billentyűzetén speciális billentyűk találhatók, amelyek lehetővé teszik a szövegek szétválasztását (erről lentebb olvashat bővebben). A szavak között azonban csak egy széles szóköz biztosít szakaszt nemcsak a szerkesztőben, hanem a böngészőablakban is. Vannak árnyalatok a sor tördelésében és a margó behúzásában.</p> <p>Mint ismeretes, a webböngészőben bizonyos elemek megjelenítését a címkék határozzák meg. A szöveg formázásához egy jól ismert formát használnak, ami a blokk. Ez azt jelenti, hogy tartalma a teljes elérhető szélességen átível.</p> <p>Nak nek <b>sorok tördelése a P bekezdésen belül</b>, egyetlen BR címkét kell használnia, amellyel ezt megteheti. Tegyük fel, hogy be kell szúrnunk a szövegbe néhány sort egy versből, amelyet szövegszerkesztőben írunk:</p> <p><img src='https://i2.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-19_131634.png' align="center" height="86" width="291" loading=lazy loading=lazy></p> <p>Annak ellenére, hogy a vers sorai helyesen helyezkednek el, és az elválasztás a megfelelő helyeken történik, a böngészőben minden másképp fog kinézni:</p> <p><br><img src='https://i2.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-19_132107.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ha ugyanazt a megjelenítést szeretné elérni a böngészőablakban, a sortörés minden helyére BR-t kell írni:</p> <p><img src='https://i1.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-19_132552.png' align="center" height="85" width="300" loading=lazy loading=lazy></p> <p>Elérkeztünk a feladat befejezéséhez, és a böngészőben teljesen helyesen jelennek meg a verssorok:</p> <p><img src='https://i1.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-19_132847.png' height="106" width="240" loading=lazy loading=lazy></p> <p>Így a szükséges sortörések elkészültek. Itt kell megjegyezni egy olyan tulajdonságot is, hogy több szóközt, egymás után, egyként jelenít meg a böngésző. Erről meggyőződhet, ha ugyanabban a szerkesztőben megpróbál nem egy, hanem több szóközt tenni két szó közé, és a "Mentés" gombra kattintva böngészőben megnézi az eredményt.</p> <h3>Szóköz, tabulátor és sortörés</h3> <p>Alapvetően ezekkel <b>szóköz karakterek</b> azonnal megtudjuk, hogyan kezdünk el dolgozni a szöveggel a szerkesztőben, és formázzuk azt a kívánt formában. Egy ilyen feladat végrehajtásához speciális billentyűk vannak, amelyek mindegyike megfelel a saját szóköz karakterének:</p> <ul><li>Szóköz - a számítógép billentyűzetének legszélesebb billentyűje (felirat nélkül);</li> <li>Táblázat - a bal oldali gomb a "Tab" felirattal és két különböző irányba mutató nyíllal;</li> <li>Sortörés - "Enter" billentyű.</li> </ul><p>Ahogy azonban fentebb is mondtam, a kívánt végeredményt nem csak a szövegszerkesztőben, hanem a böngészőben is csak az első billentyű használatakor kapjuk meg. Mindhárom billentyű (beleértve a táblázatosítást és a sortörést is hasznos a HTML-kód formázásakor. Például így néz ki egy kódrészlet a NotePad ++-ban (erről a szerkesztőről sok információ található), ha az összes szóköz karakter megjelenik:</p> <p><br><img src='https://i2.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-19_150813.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Könnyen olvasható és érthető kódot kapunk a szóközöknek köszönhetően. A narancssárga nyilak a Tab billentyűvel létrehozott behúzást, a CR és LF karakterek pedig a sortöréseket jelölik az Enter kavisha használatával.</p> <p>Az egymásba ágyazott konténerek megtekinthetők, a nyitó és záró címkék jól megkülönböztethetők. Ebben a formában ez a kód könnyen szerkeszthető. Most hasonlítsa össze ugyanazzal a kóddal, amely nem rendelkezik ilyen szövegfelosztással:</p> <p>Ugyanígy, szóközök használatával CSS-szabályokat írhat, amelyek vizuálisan érthetőnek és emészthetőnek tűnnek:</p> <p><br><img src='https://i2.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-19_164341.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Miután az összes stílust közös nevezőre hozta, és teljesen befejezte a stílusfájl szerkesztését, felfedheti, ha minden szóközt eltávolít a kódból. Ez szükséges a promócióhoz, ami nagyon fontos egy erőforrás népszerűsítésekor.</p> <h2>Speciális karakterek (vagy mnemonikák) a HTML kódban</h2> <p>Most elemezzük, milyen esetekben szükséges speciális karaktereket használni, amelyeket a cikk elején említettem. A speciális HTML-karaktereket, amelyeket néha mnemonikának is neveznek, azért vezették be, hogy megoldjanak egy régóta fennálló problémát a hipertext jelölőnyelv kódolásával kapcsolatban.</p> <p>Amikor a billentyűzeten gépel, a használt nyelv karakterei kódolva vannak. A webböngészőben a begépelt szöveg az Ön által választott betűtípussal jelenik meg a fordított dekódolási művelet eredményeként.</p> <p>Az tény, hogy sok ilyen kódolás létezik, most nincs célunk ezek részletes elemzése. Csak arról van szó, hogy mindegyikből hiányozhatnak bizonyos szimbólumok, amelyeket azonban meg kell jeleníteni. Például késztetést érez egyedi idézőjel vagy ékezetes beírására, de ezek az ikonok elcsépeltek, hogy hiányoznak a készletből.</p> <p>Ennek a problémának a kiküszöbölése érdekében bevezették a speciális karakterek rendszerét, amely rengeteg nagyon különböző mnemonikát tartalmaz. Mindegyik "&" jellel kezdődik, és általában pontosvesszővel ";" végződik. Eleinte minden speciális karakternek saját digitális kódja volt. Például egy nem törő szóköz esetén, amelyet az alábbiakban részletesebben megvizsgálunk, a következő jelölés lesz érvényes:</p> <p>De egy idő után a leggyakoribb szimbólumokhoz alfabetikus megfelelőket (mnemonikat) rendeltek, hogy könnyebben megjegyezhetőek legyenek. Tegyük fel, hogy ugyanarra a nem törő területre ez így néz ki:</p> <p>Ennek eredményeként a böngésző megjeleníti a megfelelő szimbólumot. A mnemonikák listája nagyon terjedelmes, <b>a leggyakrabban használt HTML speciális karakterek</b> az alábbi táblázatból találhatja meg:</p> <table><tbody><tr><th>szimbólum</th> <th>kód</th> <th>mnemonika</th> <th>leírás</th> </tr><tr><td> </td> <td> </td> <td> </td> <td>nem törő tér</td> </tr><tr><td>  </td> <td>  </td> <td>  </td> <td>szűk hely (betű széles)</td> </tr><tr><td>  </td> <td>  </td> <td>  </td> <td>széles térköz (em-szélesség az m betűben)</td> </tr><tr><td>– </td> <td>- </td> <td>– </td> <td>keskeny kötőjel (en-dash)</td> </tr><tr><td>- </td> <td>— </td> <td>— </td> <td>széles kötőjel (em -dash)</td> </tr><tr><td>­ </td> <td>- </td> <td>­ </td> <td>lágy átvitel</td> </tr><tr><td>a</td> <td> </td> <td>́ </td> <td>stressz, a "hangsúlyozott" betű után helyezve</td> </tr><tr><th colspan="4"> </th> </tr><tr><td>© </td> <td> </td> <td>© </td> <td>szerzői jog</td> </tr><tr><td>® </td> <td>® </td> <td>® </td> <td>bejegyzett védjegy</td> </tr><tr><td>™ </td> <td>™ </td> <td>™ </td> <td>védjegy védjegy</td> </tr><tr><td>º </td> <td>º </td> <td>º </td> <td>mars lándzsája</td> </tr><tr><td>ª </td> <td>ª </td> <td>ª </td> <td>a Vénusz tükre</td> </tr><tr><td>‰ </td> <td>‰ </td> <td>‰ </td> <td>ppm</td> </tr><tr><td style="font-size:23pt;font-family:Times New Roman,serif;">π </td> <td>π </td> <td>π </td> <td>pi (használd a Times New Roman-t)</td> </tr><tr><td>¦ </td> <td>¦ </td> <td>¦ </td> <td>függőleges pontozott vonal</td> </tr><tr><td>§ </td> <td>§ </td> <td>§ </td> <td>bekezdés</td> </tr><tr><td>° </td> <td>° </td> <td>° </td> <td>fokozat</td> </tr><tr><td>µ </td> <td>µ </td> <td>µ </td> <td>mikro jel</td> </tr><tr><td>¶ </td> <td>¶ </td> <td>¶ </td> <td>bekezdés jele</td> </tr><tr><td>… </td> <td>… </td> <td>… </td> <td>ellipszis</td> </tr><tr><td>‾ </td> <td>‾ </td> <td>‾ </td> <td>overline</td> </tr><tr><td>´ </td> <td>´ </td> <td>´ </td> <td>ékezetes jel</td> </tr><tr><td>№ </td> <td> </td> <td>№ </td> <td>számjel</td> </tr><tr><td>🔍 </td> <td> </td> <td>🔍 </td> <td>Nagyító (balra döntve)</td> </tr><tr><td>🔎 </td> <td> </td> <td>🔎 </td> <td>Nagyító (jobbra döntve)</td> </tr><tr><th colspan="4">számtani és matematikai műveletek jelei</th> </tr><tr><td>× </td> <td>× </td> <td>× </td> <td>szaporodnak</td> </tr><tr><td>÷ </td> <td>÷ </td> <td>÷ </td> <td>feloszt</td> </tr><tr><td>< </td> <td>< </td> <td> </td><td>kisebb</td> </tr><tr><td>> </td> <td>> </td> <td>> </td> <td>több</td> </tr><tr><td>± </td> <td>± </td> <td>± </td> <td>plusz minusz</td> </tr><tr><td>¹ </td> <td>¹ </td> <td>¹ </td> <td>fokozat 1</td> </tr><tr><td>² </td> <td>² </td> <td>² </td> <td>fokozat 2</td> </tr><tr><td>³ </td> <td>³ </td> <td>³ </td> <td>fokozat 3</td> </tr><tr><td>¬ </td> <td>¬ </td> <td>¬ </td> <td>tagadás</td> </tr><tr><td>¼ </td> <td>¼ </td> <td>¼ </td> <td>egy negyed</td> </tr><tr><td>½ </td> <td>½ </td> <td>½ </td> <td>fél</td> </tr><tr><td>¾ </td> <td>¾ </td> <td>¾ </td> <td>háromnegyede</td> </tr><tr><td>⁄ </td> <td>⁄ </td> <td>⁄ </td> <td>törtsáv</td> </tr><tr><td>− </td> <td>− </td> <td>− </td> <td>mínusz</td> </tr><tr><td>≤ </td> <td>≤ </td> <td>≤ </td> <td>kisebb vagy egyenlő</td> </tr><tr><td>≥ </td> <td>≥ </td> <td>≥ </td> <td>több vagy egyenlő</td> </tr><tr><td>≈ </td> <td>≈ </td> <td>≈ </td> <td>megközelítőleg (majdnem) egyenlő</td> </tr><tr><td>≠ </td> <td>≠ </td> <td>≠ </td> <td>nem egyenlő</td> </tr><tr><td>≡ </td> <td>≡ </td> <td>≡ </td> <td>azonosan</td> </tr><tr><td>√ </td> <td>√ </td> <td>√ </td> <td>négyzetgyök (gyök)</td> </tr><tr><td>∞ </td> <td>∞ </td> <td>∞ </td> <td>végtelenség</td> </tr><tr><td>∑ </td> <td>∑ </td> <td>∑ </td> <td>összegző jel</td> </tr><tr><td>∏ </td> <td>∏ </td> <td>∏ </td> <td>munkajegy</td> </tr><tr><td>∂ </td> <td>∂ </td> <td>∂ </td> <td>részleges differenciál</td> </tr><tr><td>∫ </td> <td>∫ </td> <td>∫ </td> <td>integrál</td> </tr><tr><td>∀ </td> <td>∀ </td> <td>∀ </td> <td>mindenki számára (csak félkövérrel van szedve)</td> </tr><tr><td>∃ </td> <td>∃ </td> <td>∃ </td> <td>létezik</td> </tr><tr><td>∅ </td> <td>∅ </td> <td>∅ </td> <td>üres készlet</td> </tr><tr><td>Ø </td> <td>Ø </td> <td>Ø </td> <td>átmérő</td> </tr><tr><td>∈ </td> <td>∈ </td> <td>∈ </td> <td>tartozik</td> </tr><tr><td>∉ </td> <td>∉ </td> <td>∉ </td> <td>nem tartozik</td> </tr><tr><td>∋ </td> <td>∋ </td> <td>∗ </td> <td>tartalmaz</td> </tr><tr><td>⊂ </td> <td>⊂ </td> <td>⊂ </td> <td>részhalmaza</td> </tr><tr><td>⊃ </td> <td>⊃ </td> <td>⊃ </td> <td>egy szuperkészlet</td> </tr><tr><td>⊄ </td> <td>⊄ </td> <td>⊄ </td> <td>nem egy részhalmaza</td> </tr><tr><td>⊆ </td> <td>⊆ </td> <td>⊆ </td> <td>részhalmaza vagy egyenlő azzal</td> </tr><tr><td>⊇ </td> <td>⊇ </td> <td>⊇ </td> <td>szuperhalmaz vagy egyenlő vele</td> </tr><tr><td>⊕ </td> <td>⊕ </td> <td>⊕ </td> <td>plusz egy körben</td> </tr><tr><td>⊗ </td> <td>⊗ </td> <td>⊗ </td> <td>szorzójel egy körben</td> </tr><tr><td>⊥ </td> <td>⊥ </td> <td>⊥ </td> <td>merőleges</td> </tr><tr><td>∠ </td> <td>∠ </td> <td>∠ </td> <td>injekció</td> </tr><tr><td>∧ </td> <td>∧ </td> <td>∧ </td> <td>logikus ÉS</td> </tr><tr><td>∨ </td> <td>∨ </td> <td>∨ </td> <td>logikai VAGY</td> </tr><tr><td>∩ </td> <td>∩ </td> <td>∩ </td> <td>átkelés</td> </tr><tr><td>∪ </td> <td>∪ </td> <td>∪ </td> <td>Unió</td> </tr><tr><th colspan="4">valuta jelek</th> </tr><tr><td>€ </td> <td>€ </td> <td>€ </td> <td>Euro</td> </tr><tr><td>¢ </td> <td>¢ </td> <td>¢ </td> <td>Cent</td> </tr><tr><td>£ </td> <td>£ </td> <td>£ </td> <td>Lb</td> </tr><tr><td>¤ </td> <td>¤t; </td> <td>¤ </td> <td>Pénznem jele</td> </tr><tr><td>¥ </td> <td>¥ </td> <td>¥ </td> <td>Yen és RMB jel</td> </tr><tr><td>ƒ </td> <td>ƒ </td> <td>ƒ </td> <td>Florin jele</td> </tr><tr><th colspan="4">markerek</th> </tr><tr><td> </td> <td>. </td> <td> </td> <td>egyszerű marker</td> </tr><tr><td>○ </td> <td> </td> <td>○ </td> <td>kör</td> </tr><tr><td>· </td> <td>· </td> <td>· </td> <td>középpont</td> </tr><tr><td>† </td> <td> </td> <td>† </td> <td>kereszt</td> </tr><tr><td>‡ </td> <td> </td> <td>‡ </td> <td>kettős kereszt</td> </tr><tr><td>♠ </td> <td>♠ </td> <td>♠ </td> <td>csúcsok</td> </tr><tr><td>♣ </td> <td>♣ </td> <td>♣ </td> <td>klubok</td> </tr><tr><td> </td> <td> </td> <td> </td> <td>szívek</td> </tr><tr><td>♦ </td> <td>♦ </td> <td>♦ </td> <td>gyémántok</td> </tr><tr><td>◊ </td> <td>◊ </td> <td>◊ </td> <td>rombusz</td> </tr><tr><td>✏ </td> <td> </td> <td>✏ </td> <td>ceruza</td> </tr><tr><td>✎ </td> <td> </td> <td>✎ </td> <td>ceruza</td> </tr><tr><td>✐ </td> <td> </td> <td>✐ </td> <td>ceruza</td> </tr><tr><td>✍ </td> <td> </td> <td>✍ </td> <td>kéz</td> </tr><tr><th colspan="4">idézetek</th> </tr><tr><td>" </td> <td>" </td> <td>" </td> <td>kettős idézet</td> </tr><tr><td>& </td> <td>& </td> <td>& </td> <td>és és</td> </tr><tr><td>« </td> <td>« </td> <td>« </td> <td>bal tipográfiai idézőjel (halszálkás idézőjel)</td> </tr><tr><td>» </td> <td>» </td> <td>» </td> <td>jobb oldali tipográfiai idézőjel (halszálkás idézőjel)</td> </tr><tr><td>‹ </td> <td> </td> <td>‹ </td> <td>egyetlen nyitási szög idézőjel</td> </tr><tr><td>› </td> <td> </td> <td>› </td> <td>egyetlen zárószög idézőjel</td> </tr><tr><td>′ </td> <td>′ </td> <td>′ </td> <td>stroke (perc, láb)</td> </tr><tr><td>″ </td> <td>″ </td> <td>″ </td> <td>dupla prím (másodperc, hüvelyk)</td> </tr><tr><td>‘ </td> <td>‘ </td> <td>‘ </td> <td>bal felső egyetlen idézőjel</td> </tr><tr><td>’ </td> <td>’ </td> <td>’ </td> <td>jobb felső egy idézőjel</td> </tr><tr><td>‚ </td> <td>‚ </td> <td>‚ </td> <td>jobb alsó egyetlen idézőjel</td> </tr><tr><td>“ </td> <td>“ </td> <td>“ </td> <td>idézőjel-láb balra</td> </tr><tr><td>” </td> <td>” </td> <td>” </td> <td>idézőjel-láb jobb felső</td> </tr><tr><td>„ </td> <td>„ </td> <td>„ </td> <td>idézőjel-láb jobbra lent</td> </tr><tr><td>❛ </td> <td> </td> <td>❛ </td> <td>egyetlen angol kezdő idézőjel</td> </tr><tr><td>❜ </td> <td> </td> <td>❜ </td> <td>egyetlen angol záró idézőjel</td> </tr><tr><td>❝ </td> <td> </td> <td>❝ </td> <td>nyitott kettős idézőjel</td> </tr><tr><td>❞ </td> <td> </td> <td>❞ </td> <td>Angol dupla idézőjel záró</td> </tr><tr><th colspan="4">nyilak</th> </tr><tr><td>← </td> <td>← </td> <td>← </td> <td>bal nyíl</td> </tr><tr><td> </td> <td> </td> <td> </td> <td>felfelé nyíl</td> </tr><tr><td>→ </td> <td>→ </td> <td>→ </td> <td>jobb nyíl</td> </tr><tr><td>↓ </td> <td>↓ </td> <td>↓ </td> <td>nyíl lefelé</td> </tr><tr><td>↔ </td> <td>↔ </td> <td>↔ </td> <td>bal és jobb nyíl</td> </tr><tr><td>↕ </td> <td> </td> <td>↕ </td> <td>fel és le nyíl</td> </tr><tr><td>↵ </td> <td>↵ </td> <td>↵ </td> <td>kocsi vissza</td> </tr><tr><td>⇐ </td> <td>⇐ </td> <td>⇐ </td> <td>dupla bal nyíl</td> </tr><tr><td>⇑ </td> <td>⇑ </td> <td>⇑ </td> <td>dupla felfelé mutató nyíl</td> </tr><tr><td>⇒ </td> <td>⇒ </td> <td>⇒ </td> <td>dupla jobbra nyíl</td> </tr><tr><td>⇓ </td> <td>⇓ </td> <td>⇓ </td> <td>dupla lefelé mutató nyíl</td> </tr><tr><td>⇔ </td> <td>⇔ </td> <td>⇔ </td> <td>bal és jobb dupla nyíl</td> </tr><tr><td>⇕ </td> <td> </td> <td>⇕ </td> <td>dupla fel és le nyíl</td> </tr><tr><td>▲ </td> <td> </td> <td>▲ </td> <td>háromszög alakú felfelé mutató nyíl</td> </tr><tr><td>▼ </td> <td> </td> <td>▼ </td> <td>háromszög alakú lefelé mutató nyíl</td> </tr><tr><td> </td> <td> </td> <td> </td> <td>háromszög jobbra nyíl</td> </tr><tr><td>◄ </td> <td> </td> <td>◄ </td> <td>háromszögű bal nyíl</td> </tr><tr><th colspan="4">csillagok, hópelyhek</th> </tr><tr><td>☃ </td> <td> </td> <td>☃ </td> <td>hóember</td> </tr><tr><td>❄ </td> <td> </td> <td>❄ </td> <td>Hópehely</td> </tr><tr><td>❅ </td> <td> </td> <td>❅ </td> <td>Hópehely csapdába esett a lóhere</td> </tr><tr><td>❆ </td> <td> </td> <td>❆ </td> <td>Merész hegyesszögű hópehely</td> </tr><tr><td>★ </td> <td> </td> <td>★ </td> <td>Árnyékolt csillag</td> </tr><tr><td>☆ </td> <td> </td> <td>☆ </td> <td>Festetlen csillag</td> </tr><tr><td>✪ </td> <td> </td> <td>✪ </td> <td>Egy nyitott csillag egy megtelt körben</td> </tr><tr><td>✫ </td> <td> </td> <td>✫ </td> <td>Egy töltött csillag nyitott körrel belül</td> </tr><tr><td>✯ </td> <td> </td> <td>✯ </td> <td>Forgó csillag</td> </tr><tr><td>⚝ </td> <td> </td> <td>⚝ </td> <td>Nyomozott fehér csillag</td> </tr><tr><td>⚪ </td> <td> </td> <td>⚪ </td> <td>Középső nyitott kör</td> </tr><tr><td>⚫ </td> <td> </td> <td>⚫ </td> <td>Közepesen kitöltött kör</td> </tr><tr><td>⚹ </td> <td> </td> <td>⚹ </td> <td>Szextilis (mint egy hópehely)</td> </tr><tr><td>✵ </td> <td> </td> <td>✵ </td> <td>Nyolcágú forgó csillag</td> </tr><tr><td>❉ </td> <td> </td> <td>❉ </td> <td>Gömb alakú csillag</td> </tr><tr><td>❋ </td> <td> </td> <td>❋ </td> <td>Merész nyolcágú könnycsepp alakú légcsavarcsillag</td> </tr><tr><td>✺ </td> <td> </td> <td>✺ </td> <td>Tizenhat ágú csillag</td> </tr><tr><td>✹ </td> <td> </td> <td>✹ </td> <td>Tizenkétágú töltött csillag</td> </tr><tr><td>✸ </td> <td> </td> <td>✸ </td> <td>Félkövér nyolcágú, egyenes vonalú töltött csillag</td> </tr><tr><td>✶ </td> <td> </td> <td>✶ </td> <td>Hatágú töltött csillag</td> </tr><tr><td>✷ </td> <td> </td> <td>✷ </td> <td>Nyolcágú, egyenes vonalú árnyékolt csillag</td> </tr><tr><td>✴ </td> <td> </td> <td>✴ </td> <td>Nyolcágú töltött csillag</td> </tr><tr><td>✳ </td> <td> </td> <td>✳ </td> <td>Nyolcágú csillag</td> </tr><tr><td>✲ </td> <td> </td> <td>✲ </td> <td>Egy csillag nyitott középponttal</td> </tr><tr><td>✱ </td> <td> </td> <td>✱ </td> <td>Merész csillag</td> </tr><tr><td>✧ </td> <td> </td> <td>✧ </td> <td>Hegyes négyágú festetlen csillag</td> </tr><tr><td>✦ </td> <td> </td> <td>✦ </td> <td>Hegyes, négyágú árnyékolt csillag</td> </tr><tr><td>⍟ </td> <td> </td> <td>⍟ </td> <td>Csillag egy körben</td> </tr><tr><td>⊛ </td> <td> </td> <td>⊛ </td> <td>Hópehely egy körben</td> </tr><tr><th colspan="4">óra, idő</th> </tr><tr><td>⏰ </td> <td> </td> <td>⏰ </td> <td>Néz</td> </tr><tr><td>⌚ </td> <td> </td> <td>⌚ </td> <td>Néz</td> </tr><tr><td>⌛ </td> <td> </td> <td>⌛ </td> <td>Homokóra</td> </tr><tr><td>⏳ </td> <td> </td> <td>⏳ </td> <td>Homokóra</td> </tr></tbody></table><h3>Használjon eseteket néhány speciális karakterhez, beleértve a nem törő szóközt és a lágy kötőjelet</h3> <p>Ha már egy kicsit tanulmányozta a táblázatot, akkor megerősítést kapott a fent elmondott szavakra, hogy az összes speciális karakter megjelenítéséhez digitális kódot () vagy annak alfabetikus analógját (szimbolikus emlékeztető) használják, ahol a () betűket írják. egy rács és a számok kombinációja.</p> <p>Most pedig nézzük meg, mikor szükséges ezeket a kódokat alkalmazni. Tegyük fel, hogy egy cikkben meg kell adnia néhány HTML címkét információs célból, például <footer>... Ha szögletes zárójeleket ír be a billentyűzetről (és van ilyen lehetőség), akkor a böngésző egy ilyen konstrukciót nyitócímkeként fog fel, nem pedig egyszerű szövegrészként.</p> <p>Ezért a HTML speciális karakterek ugyanabból a táblázatából kivesszük a megfelelő kódokat, és a teljes rekord így fog kinézni:</p> <p>Ezenkívül annak érdekében, hogy a böngészőben ne maga az "és" jel jelenjen meg, hanem a jelölése <b>a nyomtatvány <footer> </b>, hozzá kell adni a kódját a táblázatból:</p><p>lábléc</p><p>Ezután a böngésző pontosan azt a megjegyzést jeleníti meg, amelyet a FOOTER címke megjelenítéséhez használni kell. Kicsit zavaró, de ezen az oldalon ezt a szempontot gyakorolhatja úgy, hogy a megfelelő karakterek mnemonikáját beírja a "HTML" mezőbe és a "Futtatás" gombbal, majd az "Eredmény" területen megkapja a megjelenítés eredményét a böngésző:</p> <p><br><img src='https://i0.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-20_190128.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Kérjük, vegye figyelembe, hogy a már említett BR tag használatával biztosítottam a szöveg tördelését, hogy a karakterek ne egy sorban, hanem a kényelem kedvéért egy oszlopban jelenjenek meg.</p> <p>Lépj tovább. Néha a szövegben olyan kombinációk találhatók, amelyeket nem kívánatos különböző vonalak mentén elválasztani. Tegyük fel, hogy "1000 rubel". logikus lenne, ha vagy a felső sorban hagynánk, vagy ha nincs elég hely, akkor a teljes szerkezetet áthelyezzük az alábbi sorba.</p> <p>Ez különösen igaz, ha a felhasználók különböző képernyőszélességű eszközöket használnak, beleértve a mobileszközöket is. Valóban, ebben az esetben a webböngésző formázza a szöveget, alkalmazkodva az új feltételekhez. És ha a szöveg helyesnek tűnik a szabványos monitorméreteknél, akkor ezek változásával minden megváltozhat.</p> <p>Ezekre az esetekre <b>nem törő szóköz HTML</b> amit már említettem. Hadd emlékeztesselek arra, hogy ebben az esetben a szóközkód a következő:</p> <p>És be kell illeszteni a két összekapcsolni kívánt karakterkészlet közé:</p><p>1000 RUB</p><p>Most a böngésző soha nem választja el őket, még akkor sem, ha a szöveget formázni kell a helyes megjelenítéshez.</p> <p>Van olyan helyzet is, amikor egy nagyon hosszú szó nem fér be a szabad helyre, és át kell vinnie egy részét. Ebben az esetben hogyan lehet előre meghatározni a sortörést, ha szükséges? Erre van <b>soft carry különleges karakter</b>-, amelyet arra a helyre kell tenni, ahol a szót törni kell:</p><p>Longlonglonglonglonglongword</p><p>Ha olyan helyzet adódik, amikor egy szót át kell vinni, akkor a lágy átviteli mnemonika helyén rés keletkezik, ahol egy kötőjel jelenik meg, és a szó többi része a következő sorban jelenik meg.</p> <p>Azonban ismét hasznos lesz látni ezt az egészet, beleértve a felbonthatatlan és lágy átvitel példáit is, hogy személyesen nyomon követhessük a gyakorlatban:</p> <p><br><img src='https://i1.wp.com/goldbusinessnet.com/wp-content/uploads/2015/09/2015-09-20_200925.png' align="center" width="100%" loading=lazy loading=lazy></p> <p>Ennek a szerkesztőnek az ablakában módosíthatja az "Eredmény" nézetablak méretét úgy, hogy a bal egérgombbal megragadja ennek a területnek a szélét, és anélkül, hogy elengedné, balra húzva csökkentheti a szélességét. Ekkor valós helyzet áll elő, amikor a böngésző elkezdi újraformázni a tartalmat, hogy helyesen jelenítse meg azt.</p> <p>És megtörténik az átvitel, amit az általam leírt példákban biztosítottak. Ön azonban maga is mozgathatja a nézetablakot, bővítheti és szűkítheti, és ezt vizuálisan ellenőrizheti.</p> <p>Ebben az oktatóanyagban megtanuljuk, hogyan lehet szöveget és címeket adni weboldalakhoz a HTML használatával. Ismerkedjünk meg részletesebben a bekezdéssel, majd megtudjuk, mely címkék segítségével tudja vizuálisan kiemelni a szöveget. Ismerkedjünk meg a speciális karakterek létezésével és azok megjelenítésével. Ezután a matematikai képletek írásmódjainak szentelünk időt. Beszéljünk egy kicsit a különböző nyelvek használatáról egy oldalon. Végül vizsgáljuk meg a metaadatokat tartalmazó címkéket, és ismételjük meg az összes említett címkét. Erősen javaslom, hogy az anyag megfelelő elsajátítása érdekében azonnal próbáljon ki mindent a gyakorlatban, a leckében leírtak szerint.</p> <p>Bekezdések <br>Meglepődhet, ha megtanulja, hogyan adhat hozzá HTML bekezdéseket. Egy HTML-dokumentumban minden alkalommal új bekezdés kerül beillesztésre, amikor címkébe zárt szöveget ad hozzá. Vessünk még egy pillantást a kódra.</p><p>XHTML oldalam Ez az első XHTML oldalam.</p><p>A böngésző, amely megkapja ezt a kódot feldolgozásra, meghatározza, hogy a megadott szöveget meg kívánja jeleníteni a képernyőn. A böngészőnek nem mindegy, hogy ez a szöveg hány sorra van felosztva a dokumentumkódokban – csak a HTML címkékre figyel. A következő HTML-kódban egy bekezdés szövege több sorra van felosztva, és még egy üres sort is tartalmaz, de a böngésző ezt a szöveget továbbra is egy külön bekezdésként ismeri fel, címkékbe és p>-be zárva. A címke arra utasítja a böngészőt, hogy először szúrjon be egy üres sort, és csak ezután jelenítse meg a címkébe foglalt szöveget.</p><p>Állítson be egy bekezdést HTML-ben Ez az első sor. Azonban ez a sor lesz a második? Nem, ez a második sor.</p><p>A böngésző figyelmen kívül hagyja a kódokba beszúrt üres sort, és helyette üres sorokat ad a címkékbe zárt szöveg elé <br><img src='https://i1.wp.com/designonstop.com/wp-content/uploads/images/2013/04/useful/09whe_html/01.gif' width="100%" loading=lazy loading=lazy></p> <p>Emlékeztetni kell arra is, hogy a böngésző még egy dolgot csinál a bekezdés szövegével kapcsolatban: sortörést, amikor eléri az ablak szélét. Más szóval, amint a bekezdés szövege eléri a böngészőablak szélét, a következő karakterek automatikusan új sorba kerülnek, függetlenül a címke pozíciójától. A címke mindig hozzáad egy üres sort a bekezdés elé, de jelenléte nem mindig megfelelő. Talán csak azt szeretné, hogy a következő szó vagy mondat új sorban kezdődjön. A kívánt eredmény eléréséhez használhat másik címkét, <br>sortörés</p><p>Állítson be egy bekezdést HTML-ben</p><p>A vihar sötétséggel borítja be az eget <br>Kavargó hóörvények <br>Ahogy egy vadállat üvölteni fog <br>Úgy fog sírni, mint egy gyerek</p> <p>Aztán a rozoga tetőn <br>Hirtelen susogni fog a szalmától <br>Milyen megkésett utazó <br>Kopogtat az ablakunkon</p> <p>Ez az új címke arra utasítja a böngészőt, hogy a következő sorban kezdje el megjeleníteni az utána lévő szöveget anélkül, hogy üres sorokat adna hozzá. A böngésző a szöveget sorokba és bekezdésekbe rendezte a HTML dokumentumban elhelyezett címkéknek megfelelően. <br><img src='https://i2.wp.com/designonstop.com/wp-content/uploads/images/2013/04/useful/09whe_html/02.gif' width="100%" loading=lazy loading=lazy></p> <p>Szöveg vizuális kiemelése</span><br>Már tudja, hogyan kell szöveget hozzáadni egy weboldalhoz, a következő rész pedig a formázás alkalmazásáról szól. Sok esetben szükségessé válik az egyes szövegrészletek vizuális kiemelése, hogy felhívjuk rájuk a nézők figyelmét. A HTML lehetővé teszi, hogy gyorsan alkalmazzon néhány szabványos formázást a kívánt karakterekre, például félkövérre vagy dőltre, előre meghatározott címkekészletek használatával. Mindezek a címkék párban (kezdő és záró címkék) kerülnek alkalmazásra a formázni kívánt szöveg körül. A címkék hatásának megtekintéséhez írja be az alábbi kódokat a szövegszerkesztőbe.</p><p>Szöveg kiválasztása</p><p>Egy ponttal növeli a nagy címke betűméretét.</p> <p>Így néz ki a címke használatának eredménye <b>félkövér címke</b>és <i>erős</i>.</p> <p>És ez a címke alkalmazásának eredménye <i>dőlt címke</i>és <i>hangsúly</i>.</p> <p>Simulálja a géppel írt teletype címkét.</p> <p>Egy ponttal csökkenti a kis címke betűméretét.</p> <p>Ilyen vizuális eredmény a gyakorlatban páros címkék használata után érhető el, <b>, <i>, <i>, <i>, .<br><img src='https://i0.wp.com/designonstop.com/wp-content/uploads/images/2013/04/useful/09whe_html/03.gif' width="100%" loading=lazy loading=lazy></i> </i> </i> </b></p> <p>A HTML más címkéket is biztosít a szöveg formázásához, de használatuk megnehezíti a HTML-dokumentumkódok olvashatóságát és megértését, és a stíluslapok váltották fel őket az XHTML-ben. A W3C meghatározása szerint a HTML kódokat az információ típusának (szöveg, címsorok, táblázatok stb.) jelölésére kell használni, de nem formázására.</p> <p>A webfejlesztők használják <b>stíluslapok</b>(más néven stíluslapokat) olyan utasítások meghatározásához, amelyek formázási szabályokat határoznak meg egy egyedi dokumentumhoz vagy dokumentumcsoporthoz. Különösen a stíluslapokat alkalmazzák a régi HTML-címkék helyett, amelyeket korábban a szöveg formázására használtak.</p> <p>Címsorok <br>A lapozás nem az egyetlen módja a weboldalak formázásának. A HTML címkék egész készletét kínálja, amelyek lehetővé teszik a címsorok hat különböző szinten történő meghatározását – kezdve ezzel</p><h1>és véget ér <h6>... Mindezek a címkék nagyon könnyen használhatók, például: <h1>Első szintű címsor</h1></h6></h1> <p>A záró címsor a bekezdés végét is meghatározza. Más szóval, minden címsor után automatikusan beszúr egy üres sort, amely vizuálisan elválasztja a következő szövegtől. A címke által meghatározott első szintű címsorhoz</p><p>A legnagyobb betűméret van megadva, és a hatodik szintű címsor (tag</p><p>) A legkisebb. A webfejlesztők általában csak az első három címsorszintet használják HTML-dokumentumaikban, mivel a negyedik, ötödik és hatodik címsor valójában kisebb betűméretre van beállítva, mint a normál szöveg.</p> <p>Ne feledje, hogy a negyedik szintű HTML címsor ugyanolyan betűméretre van beállítva, mint a weboldal normál szövege, míg az ötödik és hatodik címsor még kisebb betűmérettel van beállítva. <br><img src='https://i0.wp.com/designonstop.com/wp-content/uploads/images/2013/04/useful/09whe_html/04.gif' width="100%" loading=lazy loading=lazy></p> <p>Különleges szimbólumok</span><br>Elég gyakran válik szükségessé különféle speciális karakterek megjelenítése a weboldalakon, és ez nem meglepő, mert sok karakter (pl. +, -,% vagy &) folyamatosan megtalálható a hétköznapi szövegben. Sajnos nem minden böngésző reprodukálja helyesen ezeket a karaktereket, így a HTML lehetővé teszi a megfelelő digitális vagy szöveges kódok használatával történő kijelölésüket. Ezek a kódok lehetővé teszik, hogy egyértelműen megmondja a böngészőnek, hogy egy adott karaktert hogyan kell reprodukálni. Az alábbiakban néhány leggyakrabban használt szimbólum látható. <img src='https://i1.wp.com/designonstop.com/wp-content/uploads/images/2013/04/useful/09whe_html/05.gif' height="552" width="550" loading=lazy loading=lazy></p> <p>Matematikai jelölés</span><br>Bár a HTML-t eredetileg tudósok fejlesztették ki, nem teszi lehetővé jelentős bonyolultságú matematikai vagy egyéb tudományos rekordok létrehozását. A HTML-ben két címke található, amelyek lehetővé teszik különálló, egyszerű kifejezések írását. Ezek a címkék (alindex) és (felső index). Tehát az alábbi kód:</p><p>CO 2 = Szén-dioxid A 2 + B 2 = C 2</p><p>A gyakorlatban ez így néz ki: <br><img src='https://i2.wp.com/designonstop.com/wp-content/uploads/images/2013/04/useful/09whe_html/06.gif' width="100%" loading=lazy loading=lazy></p> <p>Ha összetettebb kifejezéseket kell reprodukálnia egy weboldalon, akkor egy kicsit kreatívnak kell lennie. A legkézenfekvőbb megoldás az, ha egy speciálisan erre a célra kialakított programban megírjuk a szükséges kifejezéseket, majd ezeket a rekordokat grafikus képpé alakítjuk. Ezután a kapott képet be lehet illeszteni a HTML oldalra. Ez a módszer működik, de az eredmény nem optimális. Mivel a bejegyzés grafikus formában jelenik meg, a böngésző nem fogja tudni felismerni annak szöveges elemeit, és nem fogja tudni figyelembe venni az indexelés vagy az információkeresés során.</p> <p>Nyelvválasztás <br>Nem kell tudnod angolul ahhoz, hogy HTML-t használj HTML-oldalak létrehozásához. Az URL-ek, a hiperhivatkozások, a HTML-címkék és a dokumentumformázó elemek (nyelvi szempontból) egyetlen nyelvhez sem tartoznak, ami természetesen nem mondható el egy weboldalon elhelyezett szöveges információkról. Ha szabványos angol nyelven ír, akkor ezt a tényt nem kell speciális módon kifejeznie a HTML dokumentumban. Ha azonban bármilyen más nyelvet ír be, akkor ezt a nyelvet kell megadnia a böngésző számára. Az alábbi példák bemutatják, hogyan deklarálja a HTML az orosz és a francia nyelv használatát.</p> <p>Miért olyan fontos a nyelv jelölése? Ha nem használja a lang attribútumot, a böngésző nem fogja tudni meghatározni, hogy a szöveges információ milyen nyelven van beírva. Egyes keresőmotorok a lang attribútum értékével csak azokat az oldalakat keresik és jelölik ki, amelyek egy adott nyelven íródnak. A beszédszintetizátorok figyelembe veszik ezeket az információkat a helyes szövegvisszaadás érdekében. Még egyes helyesírás-ellenőrző segédprogramok is, miután információt kaptak a szöveg írási nyelvéről, hibákat kereshetnek benne.</p> <p>Különböző nyelvek alkalmazása egy oldalon</span><br>Bár az előző példák a lang attribútumot a dokumentum elején található címke részeként használták, nagyon is lehetséges, hogy egy másik nyelven beírt szöveget kell hozzáadni egy weboldalon belül egy nyelven. Például szerepeltessen egy francia nyelvű bekezdést egy angol dokumentumban. A címke lang attribútumának meghatározása lehetővé teszi ennek a feladatnak a végrehajtását. Vessen egy pillantást az alábbi példára.</p><p>Mu11ti nyelvű dokumentum</p><p>Tedd ide az angol szövegedet.</p> <p>Mettez votre texte francais ici.</p> <p>És itt az orosz szöveg.</p> <p>Metaadatokat tartalmazó címkék</span><br>Végül meg kell értened a címkét</p><p>Eddig csak a címkén belül látott olyan címkét, amely lehetővé teszi egy weboldal címének megadását, de a címke képességei nem korlátozódnak erre. Vegye figyelembe, hogy a címkén kívül beírt címkeinformáció általában nem jelenik meg a generált dokumentumban. A számára biztosított címkével olyan metaadatokat adhatunk meg, mint például az oldal szerzőjére vonatkozó információk, a keresési folyamatban használt kulcsszavak, vagy a keresés eredményeként megjelenő oldal rövid leírása. A címke azt is lehetővé teszi a weboldal fejlesztőjének, hogy szükség szerint utasítsa a böngészőt. A hozzáadott címkék száma nincs korlátozva. Nézzük meg mindegyiket közelebbről.</p><p>Információ keresése</span><br>A keresőmotorok a weboldalak tartalmának töredékeit adják hozzá könyvtáraikhoz. Amikor az internet látogatója információt keres egy szóra vonatkozóan, a keresőmotor megkeresi a szót a könyvtárában, és visszaadja az olyan weboldalakra mutató hivatkozásokat, amelyeken ez a szó előfordul. Ez a mechanizmus remekül működik. De tegyük fel, hogy Ön ingatlanértékesítéssel foglalkozik, és sok erőfeszítést fordított saját weboldalának fejlesztésére, ahol többek között megtalálható a ház, lakás, eladás, kölcsön stb. szavak, de a "hangulatos" kifejezés. fészek" nincs ott.</p> <p>Ha egy potenciális ügyfél erre a kifejezésre keres információt, nem fogja megtalálni az Ön weboldalát. Nos, a címkével olyan szavakat és kifejezéseket adhat hozzá HTML-dokumentumához, amelyek termékneveket, helyszíneket, szakkifejezéseket, szinonimákat jelölnek, amelyeket a weboldal potenciális látogatói használhatnak információk keresésére. Három címke segít növelni annak valószínűségét, hogy a keresőmotor megtalálja az Ön weboldalát.</p> <p><b>Kulcsszavak</b> A kulcsszavak olyan szavak, amelyek a legnagyobb valószínűséggel keresik az Ön weboldalát, vagy a dokumentumban található szavak szinonimái.</p> <p><b>Leírás</b>Általában ezt a címkét egy weboldal rövid leírásának hozzáadására használják (legfeljebb egy bekezdés). Egyes keresőmotorok kivonják az ebben a címkében megadott információkat, és megtalált oldalként szolgálják ki, de más böngészők egyszerűen kivonják a HTML-dokumentum első néhány sorát ugyanebből a célból.</p> <p>A keresőmotorok metaadatait attribútumpárok határozzák meg: név és tartalom. A következő HTML-kódban metaadatok szerepelnek az imént felsorolt ​​címkék mindegyikéhez. Ne feledje, hogy a címkék csak a szakaszban jelennek meg</p><p>HTML fájl. Az én HTML oldalam</p><p>Itt van a szöveg, amelyet meg kell jeleníteni a böngészőablakban.</p> <p>Frissítés és átirányítás</span><br>Bizonyos esetekben szükségessé válik az egyik oldal cseréje egy másikkal vagy egy hivatkozás átirányítása. Például előfordulhat, hogy egy weblaphoz indítóképernyőt hoznak létre, és egy ideig megjelenik a képernyőn. A címkével utasíthatja a böngészőt, hogy meghatározott idő elteltével változtassa meg az oldal tartalmát az alábbi kód hozzáadásával a HTML dokumentumhoz.</p> <p>A nyitóoldal egy kezdőoldal, amely a főoldal előtt jelenik meg, és néhány bevezető információ vagy grafika (például céglogó) megjelenítésére szolgál. Ha weboldalának tartalma folyamatosan frissül, és azt szeretné, hogy a látogatók csak a legfrissebb verziót lássák, megadhatja saját URL-jét az oldalhoz a frissítési címkében. Amikor a böngésző látja a frissítési címkét, egy meghatározott idő elteltével új információkat kér a megadott címen.</p> <p>Mivel nem minden böngésző támogatja ezt a funkciót, weboldal-fejlesztőként érdemes valamilyen szöveges vagy grafikus elemet hozzáadni a nyitóoldalhoz, amely lehetővé teszi a látogató számára, hogy önállóan navigáljon a következő oldalra.</p> <p>lejárati dátum</span><br>Ha weboldala folyamatosan frissül, a címkében megadhat egy lejárati dátumot, hogy a böngésző időben letöltse az újabb verziót (ahelyett, hogy a memóriájában még tárolt régi verziót jelenítse meg). Vessen egy pillantást az alábbi kódra:</p> <p>Ha egy ilyen weboldal URL-jére irányítja a böngészőt, akkor először a naplófájljait fogja megnézni, hogy megállapítsa, van-e ott tárolt oldal másolata. Ha igen, akkor feldolgozza a metaadatokban megadott információkat annak ellenőrzésére, hogy a másolat naprakész-e. Ha a megadott lejárati dátum már lejárt, a böngésző egy újabb verziót kér a weboldal megjelenítése előtt.</p> <p>Az oktatóanyagban ismertetett HTML-címkék</p><p>- Egy szöveges bekezdés határait jelzi. A bekezdés elé egy üres sort szúr be</p><p><b><i> </i> </b>- A szöveget félkövér stílusra állítja</p><p>- Egy ponttal növeli a betűméretet</p><p><b><br></b>- Sortörés. Elindítja az átmenetet a következő sorra</p><p><b><i> </i> </b> </p><p><b><i> </i> </b>- A szöveget dőlt stílusra állítja</p><p><b><h1></h1> </b>- Első szintű címsort hoz létre</p><p><b><h2></h2> </b>- Létrehoz egy második szintű címsort</p><p><b><h3></h3> </b>- Létrehoz egy harmadik szintű címsort</p><p><b><h4></h4> </b>- Létrehoz egy negyedik szintű címsort</p><p><b><h5></h5> </b>- Létrehoz egy ötödik szintű címsort</p><p><b><h6></h6> </b>- Hatodik szintű címsort hoz létre</p><p>- Azonosítja a dokumentumra vonatkozó információkat</p><p>- Egy ponttal csökkenti a betűméretet</p><p>- Meghatározza az alsó indexet (alindex)</p><p>- Beállít egy felső indexet (felső indexet)</p><p>- Egyenlő szélességű betűtípusra állítja be a szöveget (azaz azonos fix karakterszélességű betűtípust)</p> <h3>rövid infó</h3> <h3>CSS verziók</h3> <table class="cssver"><tr><th>CSS 1</th> <th>CSS 2</th> <th>CSS 2.1</th> <th>CSS 3</th> </tr><tr><td class="spec_yes"> </td> <td class="spec_yes"> </td> <td class="spec_yes"> </td> <td class="spec_yes"> </td> </tr></table><h3>Leírás</h3> <p>A white-space tulajdonság beállítja, hogyan jelenítse meg a szóközöket a szavak között. Normál körülmények között a HTML-kód tetszőleges számú szóköze egyként jelenik meg a weboldalon. Ez alól kivétel a címke <pre>Az ebbe a tárolóba helyezett szöveg minden szóközzel úgy jelenik meg, ahogyan azt a felhasználó formázta. Így a szóköz a címke működését utánozza. <pre>De ellentétben vele, nem változtatja a betűtípust egyszóközűre.</p> <h3>Szintaxis</h3> <p>szóköz: normál | nowrap | pre | elősor | előcsomagolás | örököl</p> <h3>Az értékek</h3>normál Szöveg a böngészőablakban a megszokott módon jelenik meg, a sortörések beállítása automatikusan történik. nowrap A szóközt figyelmen kívül hagyja, a sortöréseket figyelmen kívül hagyja a HTML kód, az összes szöveg egy sorban jelenik meg; azonban egy címke hozzáadása <br>új sorba tördeli a szöveget. pre A szöveg minden szóközzel és kötőjellel együtt jelenik meg, ahogyan azokat a fejlesztő hozzáadta a HTML-kódhoz. Ha a sor túl hosszú ahhoz, hogy elférjen a böngészőablakban, egy vízszintes görgetősáv kerül hozzáadásra. sor előtti A szóközöket nem veszik figyelembe a szövegben, a szöveg automatikusan a következő sorba kerül, ha nem fér bele a megadott területre. előtördelése Minden szóköz és törés megmarad a szövegben, azonban ha a sor szélessége nem fér bele a megadott területbe, akkor a szöveg automatikusan a következő sorba kerül. inherit Az értéket a szülőtől örökli. <p>Az értékek szövegre gyakorolt ​​hatását a táblázat mutatja be. 1.</p> <p>HTML5 CSS2.1 IE Cr Op Sa Fx</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>fehér űr

Példa

Fermat utolsó tétele
x n+ Y n= Z n
ahol n egész szám> 2



Ennek a példának az eredménye az ábrán látható. 1.

Rizs. 1. A white-space tulajdonság alkalmazása

Objektummodell

document.getElementById ("elementID") .style.whiteSpace

Böngészők

Az Internet Explorer 7.0-ig bezárólag nem támogatja az elősorolást, az előcsomagolást és az öröklést. Mert