{"id":1545,"date":"2024-01-28T20:16:04","date_gmt":"2024-01-28T20:16:04","guid":{"rendered":"https:\/\/megnyitasa.com\/tudas\/?p=1545"},"modified":"2024-01-28T20:16:04","modified_gmt":"2024-01-28T20:16:04","slug":"a-sortavolsag-fontossaga-a-html-ben","status":"publish","type":"post","link":"https:\/\/megnyitasa.com\/tudas\/a-sortavolsag-fontossaga-a-html-ben\/","title":{"rendered":"A sort\u00e1vols\u00e1g fontoss\u00e1ga a HTML-ben"},"content":{"rendered":"
\n
<\/div>\n

Amikor egy weboldal tervez\u00e9s\u00e9r\u0151l van sz\u00f3, sz\u00e1mos t\u00e9nyez\u0151t kell figyelembe venni. Az egyik ilyen t\u00e9nyez\u0151 a sort\u00e1vols\u00e1g. A sort\u00e1vols\u00e1g a sz\u00f6veg sorai k\u00f6z\u00f6tti f\u00fcgg\u0151leges t\u00e1vols\u00e1got jelenti. A megfelel\u0151 sort\u00e1vols\u00e1g megk\u00f6nny\u00edti a sz\u00f6veg olvashat\u00f3s\u00e1g\u00e1t \u00e9s jav\u00edtja a weboldal \u00e1ltal\u00e1nos megjelen\u00e9s\u00e9t. Ebben a cikkben a HTML-ben a sort\u00e1vols\u00e1g alapjaival foglalkozunk. <\/p>\n

<\/div>\n

Az els\u0151 dolog, amit a sort\u00e1vols\u00e1ggal kapcsolatban meg kell \u00e9rteni, hogy azt a CSS-ben a line-height tulajdons\u00e1g szab\u00e1lyozza. Ez a tulajdons\u00e1g hat\u00e1rozza meg az egyes sz\u00f6vegsorok magass\u00e1g\u00e1t, \u00e9s \u00e1ltal\u00e1ban a bet\u0171m\u00e9ret t\u00f6bbsz\u00f6r\u00f6sek\u00e9nt van megadva. Ha p\u00e9ld\u00e1ul a bet\u0171m\u00e9ret 16px, a sort\u00e1vols\u00e1g pedig 1,5, akkor minden egyes sor 24px magas lesz (16px x 1,5). <\/p>\n

<\/div>\n

A CSS-ben a sort\u00e1vols\u00e1g tulajdons\u00e1got t\u00f6bbf\u00e9lek\u00e9ppen lehet be\u00e1ll\u00edtani. A leggyakoribb m\u00f3dja a bet\u0171m\u00e9ret sz\u00e1zal\u00e9k\u00e1ban t\u00f6rt\u00e9n\u0151 be\u00e1ll\u00edt\u00e1sa. P\u00e9ld\u00e1ul a line-height: 150%; be\u00e1ll\u00edt\u00e1sa a sormagass\u00e1got a bet\u0171m\u00e9ret 1,5-szeres\u00e9re \u00e1ll\u00edtja be. Egy m\u00e1sik lehet\u0151s\u00e9g a pixel\u00e9rt\u00e9kk\u00e9nt val\u00f3 be\u00e1ll\u00edt\u00e1sa. For example, setting line-height: 24px; will set the line height to 24 pixels. <\/p>\n

<\/div>\n

It is important to note that line spacing is not just about setting the line-height property. The font-family and font-size properties also play a role in line spacing. Different font families and sizes will require different line heights to achieve proper spacing. <\/p>\n

<\/div>\n

In addition to setting the line-height property, there are other ways to adjust line spacing in HTML. The
tag can be used to insert a line break, which can create additional space between lines of text. The <\/p>\n

tag can also be used to create paragraphs, which can add space between blocks of text. <\/p>\n

<\/div>\n

In conclusion, line spacing is an important aspect of designing a website. Proper line spacing can make text easier to read and improve the overall look of a webpage. Line spacing is controlled by the line-height property in CSS, but other factors such as font-family and font-size also play a role. A HTML-ben a sort\u00e1vols\u00e1g alapjainak meg\u00e9rt\u00e9s\u00e9vel olyan weboldalt hozhat l\u00e9tre, amely vizu\u00e1lisan is vonz\u00f3 \u00e9s k\u00f6nnyen olvashat\u00f3.<\/p><\/div>\n

\n
FAQ<\/div>\n
\n
Hogyan lehet 1,5-es sort\u00e1vols\u00e1got alkalmazni a HTML-ben?<\/div>\n

A HTML-ben az 1,5-\u00f6s sort\u00e1vols\u00e1got a „line-height” CSS-tulajdons\u00e1g haszn\u00e1lat\u00e1val \u00e9rheti el. <\/p>\n

<\/div>\n

El\u0151sz\u00f6r ki kell v\u00e1lasztania azt az elemet, amelyre a sort\u00e1vols\u00e1got alkalmazni szeretn\u00e9, p\u00e9ld\u00e1ul egy bekezd\u00e9st. Ezt megteheti a tag nev\u00e9vel vagy az azonos\u00edt\u00f3j\u00e1val vagy oszt\u00e1ly\u00e1val, ha hozz\u00e1rendelt egyet. <\/p>\n

<\/div>\n

Ezut\u00e1n a „line-height” tulajdons\u00e1got a bet\u0171m\u00e9ret 1,5-szeres\u00e9re \u00e1ll\u00edthatja be. Ha p\u00e9ld\u00e1ul a bet\u0171m\u00e9ret 16px, akkor a sort\u00e1vols\u00e1g 24px (16px x 1,5). <\/p>\n

<\/div>\n

\u00cdme egy p\u00e9lda arra, hogyan lehet 1,5-\u00f6s sort\u00e1vols\u00e1got alkalmazni egy bekezd\u00e9selemre: <\/p>\n

<\/div>\n
<\/div>\n

„`html <\/p>\n

<\/div>\n

Ez egy bekezd\u00e9s 1,5-es sort\u00e1vols\u00e1ggal.<\/p>\n

<\/div>\n

„` <\/p>\n

<\/div>\n
<\/div>\n

Alternat\u00edvak\u00e9nt defini\u00e1lhat egy oszt\u00e1lyt a CSS-f\u00e1jlj\u00e1ban, \u00e9s alkalmazhatja t\u00f6bb elemre: <\/p>\n

<\/div>\n
<\/div>\n

„`css <\/p>\n

<\/div>\n

.line-spacing { <\/p>\n

<\/div>\n

line-height: 1.5; <\/p>\n

<\/div>\n

} } <\/p>\n

<\/div>\n

„` <\/p>\n

<\/div>\n
<\/div>\n

„`html <\/p>\n

<\/div>\n

Ez egy bekezd\u00e9s 1,5-es sort\u00e1vols\u00e1ggal.<\/p>\n

<\/div>\n

„` <\/p>\n

<\/div>\n
<\/div>\n

Ne feledje, hogy az inline st\u00edlusok haszn\u00e1lata nem aj\u00e1nlott nagyobb projektekn\u00e9l, mivel nehezen karbantarthat\u00f3. Jobb, ha a st\u00edlusokat egy k\u00fcl\u00f6n CSS-f\u00e1jlban hat\u00e1rozzuk meg, \u00e9s azt a HTML-dokumentumhoz kapcsoljuk. <\/p>\n<\/div>\n

\n
Hogyan \u00e9rhet\u0151 el 1,5-es sort\u00e1vols\u00e1g?<\/div>\n

Az 1,5-\u00f6s sort\u00e1vols\u00e1g el\u00e9r\u00e9s\u00e9hez a k\u00f6vetkez\u0151 l\u00e9p\u00e9sekkel j\u00e1rhat el: <\/p>\n

<\/div>\n

1. Nyissa meg a dokumentumot, amelyben a sort\u00e1vols\u00e1got szeretn\u00e9 be\u00e1ll\u00edtani. <\/p>\n

<\/div>\n

2. Jel\u00f6lje ki azt a sz\u00f6veget, amelynek a sort\u00e1vols\u00e1g\u00e1t meg szeretn\u00e9 v\u00e1ltoztatni. <\/p>\n

<\/div>\n

3. Kattintson a k\u00e9perny\u0151 tetej\u00e9n tal\u00e1lhat\u00f3 szalag „Kezd\u0151lap” f\u00fcl\u00e9re. <\/p>\n

<\/div>\n

4. A „bekezd\u00e9s” csoportban kattintson a jobb als\u00f3 sarokban l\u00e9v\u0151 kis ny\u00edl ikonra a „bekezd\u00e9s” p\u00e1rbesz\u00e9dpanel megnyit\u00e1s\u00e1hoz. <\/p>\n

<\/div>\n

5. A „bekezd\u00e9s” p\u00e1rbesz\u00e9dpanelen l\u00e9pjen a „Vonalt\u00e1vols\u00e1g” szakaszra. <\/p>\n

<\/div>\n

6. Kattintson a „Vonalt\u00e1vols\u00e1g” melletti leg\u00f6rd\u00fcl\u0151 men\u00fcre, \u00e9s v\u00e1lassza az „1,5” lehet\u0151s\u00e9get. <\/p>\n

<\/div>\n

7. Kattintson az „OK” gombra az \u00faj sort\u00e1vols\u00e1g alkalmaz\u00e1s\u00e1hoz. <\/p>\n

<\/div>\n

Alternat\u00edvak\u00e9nt billenty\u0171parancsokat is haszn\u00e1lhat a sort\u00e1vols\u00e1g be\u00e1ll\u00edt\u00e1s\u00e1hoz. P\u00e9ld\u00e1ul megnyomhatja a „Ctrl+1” billenty\u0171t az egyszer\u0171 sort\u00e1vols\u00e1ghoz, a „Ctrl+2” billenty\u0171t a dupla sort\u00e1vols\u00e1ghoz \u00e9s a „Ctrl+5” billenty\u0171t a 1,5-es sort\u00e1vols\u00e1ghoz. <\/p>\n<\/div>\n

\n
Hogyan \u00e1ll\u00edthatom be a sort\u00e1vols\u00e1got?<\/div>\n

A sort\u00e1vols\u00e1g be\u00e1ll\u00edt\u00e1s\u00e1nak folyamata az \u00d6n \u00e1ltal haszn\u00e1lt szoftvert\u0151l vagy eszk\u00f6zt\u0151l f\u00fcgg\u0151en v\u00e1ltozhat. \u00c1ltal\u00e1noss\u00e1gban azonban a Word dokumentumban a sort\u00e1vols\u00e1g be\u00e1ll\u00edt\u00e1sa a k\u00f6vetkez\u0151 l\u00e9p\u00e9sekkel t\u00f6rt\u00e9nhet: <\/p>\n

<\/div>\n

1. Nyissa meg a Word-dokumentumot, amelyen dolgozni szeretne. <\/p>\n

<\/div>\n

2. Jel\u00f6lje ki azt a sz\u00f6veget, amelynek a sort\u00e1vols\u00e1g\u00e1t be szeretn\u00e9 \u00e1ll\u00edtani. Ezt \u00fagy teheti meg, hogy az eg\u00e9rkurzorral a sz\u00f6veg f\u00f6l\u00e9 kattint \u00e9s h\u00fazza. <\/p>\n

<\/div>\n

3. V\u00e1lassza a k\u00e9perny\u0151 tetej\u00e9n tal\u00e1lhat\u00f3 szalag Kezd\u0151lap lapj\u00e1t. <\/p>\n

<\/div>\n

4. Keresse meg a szalag bekezd\u00e9s szakasz\u00e1t, \u00e9s kattintson a Vonalt\u00e1vols\u00e1g gombra. Ez a gomb \u00fagy n\u00e9z ki, mint egy felfel\u00e9 \u00e9s lefel\u00e9 mutat\u00f3 kis ny\u00edl, mellette vonalakkal. <\/p>\n

<\/div>\n

5. A megjelen\u0151 leg\u00f6rd\u00fcl\u0151 men\u00fcben v\u00e1lassza ki a haszn\u00e1lni k\u00edv\u00e1nt sort\u00e1vols\u00e1got. P\u00e9ld\u00e1ul v\u00e1laszthatja a 1,5 sort\u00e1vols\u00e1got vagy a dupla sort\u00e1vols\u00e1got. <\/p>\n

<\/div>\n

6. Ha m\u00e9g tov\u00e1bb szeretn\u00e9 testre szabni a sort\u00e1vols\u00e1got, akkor kattintson a leg\u00f6rd\u00fcl\u0151 men\u00fc alj\u00e1n tal\u00e1lhat\u00f3 Line Spacing Options (sort\u00e1vols\u00e1g be\u00e1ll\u00edt\u00e1sai) gombra. Ekkor egy \u00faj ablak jelenik meg, ahol be\u00e1ll\u00edthatja a sort\u00e1vols\u00e1got \u00e9s a bekezd\u00e9sek k\u00f6z\u00f6tti t\u00e1vols\u00e1got, valamint egy\u00e9b form\u00e1z\u00e1si be\u00e1ll\u00edt\u00e1sokat. <\/p>\n

<\/div>\n

Miut\u00e1n be\u00e1ll\u00edtotta a sort\u00e1vols\u00e1got a k\u00edv\u00e1nt be\u00e1ll\u00edt\u00e1sokra, mentheti a dokumentumot, \u00e9s folytathatja a munk\u00e1t. Ne feledje, hogy a k\u00fcl\u00f6nb\u00f6z\u0151 szoftverek \u00e9s eszk\u00f6z\u00f6k n\u00e9mileg elt\u00e9r\u0151 m\u00f3dszereket alkalmazhatnak a sort\u00e1vols\u00e1g be\u00e1ll\u00edt\u00e1s\u00e1ra, ez\u00e9rt ha b\u00e1rmilyen probl\u00e9m\u00e1val szembes\u00fcl, konzult\u00e1ljon az adott program dokument\u00e1ci\u00f3j\u00e1val vagy s\u00fag\u00f3j\u00e1val.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Amikor egy weboldal tervez\u00e9s\u00e9r\u0151l van sz\u00f3, sz\u00e1mos t\u00e9nyez\u0151t kell figyelembe venni. Az egyik ilyen t\u00e9nyez\u0151 a sort\u00e1vols\u00e1g. A sort\u00e1vols\u00e1g a sz\u00f6veg sorai k\u00f6z\u00f6tti f\u00fcgg\u0151leges t\u00e1vols\u00e1got jelenti. A megfelel\u0151 sort\u00e1vols\u00e1g megk\u00f6nny\u00edti a sz\u00f6veg olvashat\u00f3s\u00e1g\u00e1t \u00e9s jav\u00edtja a weboldal \u00e1ltal\u00e1nos megjelen\u00e9s\u00e9t. Ebben a cikkben a HTML-ben a sort\u00e1vols\u00e1g alapjaival foglalkozunk. Az els\u0151 dolog, amit a sort\u00e1vols\u00e1ggal kapcsolatban … Read more<\/a><\/p>\n","protected":false},"author":1253,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[],"class_list":["post-1545","post","type-post","status-publish","format-standard","hentry","category-penz-es-adossag"],"_links":{"self":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts\/1545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/users\/1253"}],"replies":[{"embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/comments?post=1545"}],"version-history":[{"count":1,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts\/1545\/revisions"}],"predecessor-version":[{"id":23019,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/posts\/1545\/revisions\/23019"}],"wp:attachment":[{"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/media?parent=1545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/categories?post=1545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/megnyitasa.com\/tudas\/wp-json\/wp\/v2\/tags?post=1545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}