Hogyan kell használni a védjegyet a webfejlesztésben

Feb 3, 2026
kézikönyv

A webfejlesztők és a tartalomkészítőként általában sok időt töltünk írásba, amely beilleszthető Html kód. Mi van, ha elmondanánk, hogy van egy jobb módja annak, hogy megcsináld a jelzést? Olyan módon, amikor az írásra és nem a kódra összpontosíthatott?

A John Gruber és az Aaron Swartz 2004-ben kifejlesztett egyszerű szöveges, könnyű jelölőnyelv. Eredetileg létre, hogy XHTML / HTML könnyebb átalakításával egyszerű szöveges fájlok szerkezetileg érvényes HTML vagy XHTML, Markdown lehet használni szinte bármilyen típusú írás: kéziratok, útmutatók, jegyzetek, a webes tartalom és így tovább.

Bár viszonylag egyszerű, a jeldown lehet egy kicsit megfélemlítő, ha először elindul. De ha egyszer megkapod, gyorsan felismeri, hogy mennyi időt töltött a kódolás helyett a tartalom beírása helyett.

01. Válasszon egy jelzőlapot

Ha az interneten lévő jeldósággal dolgozik, fontos megérteni az alapvető szintaxist és korlátozásokkal. Mielőtt elkezdené, valamilyen típusú szerkesztőre és tolmácsra van szüksége webhelyére. Alternatívaként a jelölést a közzététel előtt konvertálhatja.

You'll need some kind of editor to get started

Szükséged lesz valamiféle szerkesztőre, hogy elkezdhessen

Számos szerkesztő van, ahonnan választhat. Szimbólum Félelmetes, mert széles körű exportálási lehetőségeket kínál, beleértve a HTML-t és a PDF-t. Egy másik nagy alternatíva Halmozott - Ingyenes, online markdown szerkesztő. Természetesen minden egyszerű szövegszerkesztő fog működni.

Jetpack is handy for use with WordPress

A Jetpack hasznos a WordPress használatához

Ha nem tervezi átalakítani a jelddownot HTML-re, akkor kaphat egy plugint (vagy megszakító) a webhelyére. A WordPress, Jetpack Kiváló támogatást nyújt a jelddownhoz, amely lehetővé teszi, hogy a jelzést közvetlenül a belső hozzászólások és megjegyzések - mindaddig, amíg engedélyezheti ezt az opciót.

Mint minden jelölőnyelv, a jeldown saját szintaxissal rendelkezik. MEGJEGYZÉS: Számos különböző íz vagy a védelem fajtája van. Ebben a cikkben csak a közösen megosztott szintaxist fedjük le.

02. Beállítsa a fejléceket

HTML-ben hat fejléc van: h1 , h2 , H3 , H4 , H5 és h6 . Ezek újjáépítéséhez használja a Hashtag szimbólumok sorozatát ( # ) - megfelel a vámhalmaznak - ezt követi a címsor. Például, hogy hozzon létre egy & lt; h1 & gt; címke, használjon egy hashtagot # ; illetékes & lt; h2 & gt; címke, használjon két hashtagot ## ; és így tovább, és így tovább.

Markdown bemenet: 

 # 1. fejezet
## 2. fejezet
### 3. fejezet
#### 4. fejezet
##### 5. fejezet
###### 3. fejezet

HTML kimenet: 

 & lt; h1 & gt; 1. fejezet & lt; / h1 & gt;
& lt; h2 & gt; 2. fejezet & lt; / h2 & gt;
& lt; h3 & gt; 3. fejezet & lt; / h3 & gt;
& lt; h4 & gt; 4. fejezet & lt; / h4 & gt;
& lt; h5 & gt; 5. fejezet & lt; / h5 & gt;
& lt; h6 & gt; 6. fejezet & lt; / h6 & gt;

03. Jelölje ki a bekezdéseket

A bekezdéseket a & lt; p & gt; címke HTML-ben. A jelzésben egy vagy több üres vonalat választanak el. A HTML-hez hasonlóan a szóköz figyelmen kívül marad. Tehát ha 20 üres vonalat ad hozzá, még mindig csak egy bekezdés lesz.

Markdown bemenet: 

 A gyors barna róka ugrik a lusta kutyán.
A lusta kutya nem érdekel, mert ő egy lusta kutya.

HTML kimenet: 

 & lt; p & gt; a gyors barna róka ugrik a lusta kutyán. & P & gt;
& lt; p & gt; a lusta kutya nem érdekel, mert ő egy lusta kutya. & P & Gt;

04. Stílus A vonalszakaszok

Vonalszakaszok, amelyeket a HTML-ben képviselnek a & lt; br & gt; A címkét egyetlen soros szünet segítségével, két szóközzel az előző sor végén.

Markdown bemenet: 

 A gyors barna róka
ugrik a lusta kutyán.

HTML kimenet: 

 & lt; p & gt; a gyors barna róka és a lusta kutya átugrik. & P & Gt;

05. Jelölje meg a hangsúlyt

Kétféleképpen lehet hozzáadni a szöveget: dőlt ( & lt; em & gt; HTML-ben) vagy merész ( & lt; erős & gt; HTML-ben).

A jelzésben ezt egy vagy két csillaggal végezzük ( * ). Az aláhúzásokat (_) is használhatja, de csillagokkal ragaszkodom, mert vannak más ízek, amelyek az aláhúzásokat használják más dolgokra.

Markdown bemenet: 

 * Italic szöveg *
** merész szöveg **

HTML kimenet: 

 & lt; em & gt; dőlt szöveg & lt; / em & gt;
& lt; erős & gt; merész szöveg & lt; / strong & gt;

MEGJEGYZÉS: BOLD-Italic szöveget is létrehozhat három csillaggal: *** merész és dőlt szöveg *** .

06. Horizontális szabályok létrehozása

Vízszintes szabály létrehozása (vagy & lt; hr & gt; HTML-ben használjon három vagy több kötőjelet ( --- ), csillagok ( *** ) vagy egyenlő jelek ( === ). Ez az Ön választása Melyik tetszik, de csak győződjön meg róla, hogy tartalmaz egy üres vonalat a fenti és az alatt.

Markdown bemenet: 

 A tanulás valami új, mindig sok móka.

---

Biztos, hogy van!

HTML kimenet: 

 & lt; p & gt; tanulás valami új, mindig sok móka. & P & gt;
& lt; hr & gt;
& lt; p & gt; biztos, hogy! & lt; / p & gt;

07. Képek és linkek hozzáadása

HTML-ben a kép a & lt; img & gt; A címke és a linkek a & lt; A & gt; címke.

A jelzésben a képek felkiáltóponttal kezdődnek ( ! ), kövesse a szögletes zárójeleket ( [] ) az "Alt szöveg" és zárójelek ( () ) A kép elérési útja. A kettős idézőjelben lévő opcionális címet is tartalmazhat ( "" ).

A linkekkel szinte ugyanaz, kivéve, ha nincs felkiáltópont.

Markdown bemenet: 

! [ALT szöveg] (/ útvonal / to / image.jpg "Opcionális cím")
[Link szöveg] (http://example.com "Opcionális cím")

Megjegyzés: Használhat referencia-linkeket és képeket is, de ez nem vonatkozik itt.

HTML kimenet: 

 & lt; img src = "/ path / to / image.jpg" alt = "ALT szöveg" cím = "Opcionális cím" / & gt;
& lt; egy href = "http://example.com" cím = "Opcionális cím" & gt; link szöveg és lt; / a & gt;

08. Készítsen listákat

A HTML-ben kétféle listát tartalmaznak: megrendelt ( & lt; ol & gt; ) és rendezetlen ( & lt; ul & gt; ). A jelöléssel használja a megrendelt listák és csillagok számát ( * ) vagy kötőjelek ( - ) A rendezetlen listákhoz.

Markdown bemenet: 

 1. 1. tétel
2. 2. pont
* Első elem
* Második tétel
- Első tétel
- második tétel

HTML kimenet: 

 & ol & gt;
& li & gt; 1. tétel & lt; / li & gt;
& li & gt; 2. tétel & lt; / li & gt;
& lt; / ol & gt;
& lt; ul & gt;
& li & gt; első tétel & lt; / li & gt;
& li & gt; második tétel & lt; / li & gt;
& lt; / ul & gt;
& lt; ul & gt;
& li & gt; első tétel & lt; / li & gt;
& li & gt; második tétel & lt; / li & gt;
& lt; / ul & gt;

09. Adjon hozzá inline kódot és kódblokkokat

Ha a HTML kóddal dolgozik, akkor beillesztheti, mint inline elemet a & lt; kód & gt; címkék; vagy előre formázott szövegblokkként a & lt; pre & gt; code & gt; kombináció.

A jelzésben ezeket az elemeket az egyes oldalakon egyetlen backtick használatával határozzák meg ( ` ); vagy egy kerítésű stílus használatával, amely három backtickot tartalmaz a kódblokk felett és alatt ( `` ` ).

Markdown bemenet: 

 A `NumberofPoints` változó a játékos pontszámát tartja.
Ha a játékos.wins {
NumberofPoints + = 1
}

HTML kimenet: 

 A & lt; kód & gt; NumberofPoints & lt; / code & gt; A változó a játékos pontszámát tartja.
& lt; pre & gt; code & gt;
Ha a játékos.wins {
NumberofPoints + = 1
}
& lt; / pre & gt; & lt; / code & gt;

10. STYLE UP BLOCKQUOTES

A HTML-t a HTML-ben adják hozzá & lt; blockquote & gt; címke. A jelzésben használja a nagyobb, mint a szimbólum ( & gt; ) a vonal előtt.

Markdown bemenet: 

 & gt; Ez az én blokk).
& gt;
& gt; Ez ugyanezen blokkolás része.
& gt; Ez egy új blokkolás.

HTML kimenet: 

 & lt; blockquote & gt;
& lt; p & gt; ez az én blokkjaim. & lt; / p & gt;
& lt; br & gt;
& lt; p & gt; ez ugyanaz a botkquote. & Lt; P & Gt;
& lt; / blockquote & gt;
& lt; blockquote & gt;
& lt; p & gt; Ez egy új blokkolás. & Lt; P & Gt;
& lt; / blockquote & gt;

11. Beágyazott inline html

Vannak olyan idők, amikor létre kell hoznia egy HTML elemet, amely nem támogatott;Például szükség lehet a & lt; asztal és gt; vagy & lt; div & gt; címke.

Ha ez a helyzet, akkor keverje össze a jeldést és a HTML-t, de vannak korlátozások.Például nem tartalmazhatja a jelzést a blokkszintű HTML-címkéken belül.

Olvass tovább:

  • 20 node.js modulok, amelyeket tudnod kell
  • 12 közös javascript-kérdésre válaszolt
  • 9 a HTML és a CSS tanulásának legjobb forrásai közül 9

kézikönyv - Most Popular Articles

Az Apple iCloud tárolója tele van? Íme, hogyan kell felszabadítani a helyet

kézikönyv Feb 3, 2026

(Kép hitel: alma) Az Apple iCloud szolgáltatása az egyik Legjobb felhő tároló Termékek körül ..

Hogyan kell fotózni valakit egy képbe

kézikönyv Feb 3, 2026

(Kép hitel: jövő, Matt Smith) Tanuld meg, hogyan kell fotózni valakit egy képbe, egy szuper hasznos készség, h..

Kezdjük az Adobe Dimenzióval CC-vel

kézikönyv Feb 3, 2026

Az Adobe dimenziója szellővel rendelkezik komplex jelenetek beállításához (Kép hitel: Mike Griggs) ..

Hogyan kell felhívni egy személyt

kézikönyv Feb 3, 2026

Bármelyik művész, hogy megértsük, hogyan kell rajzolni egy személyt egy alapvető képesség. Mester az emberi forma, és amikor itt az ideje, hogy e..

Photoshop Color Change: 2 olyan eszközök, amelyeket tudnod kell

kézikönyv Feb 3, 2026

UGORJ: A Színcsere eszköz A színtartomány parancs ..

Hogyan kell beállítani a helyszíni témákat CSS változókkal

kézikönyv Feb 3, 2026

A CSS egyéni tulajdonságait, amelyeket általában CSS-változóknak neveznek, minden nagyobb modern böngésző támogatja. Ez..

Élvezze az energikus tengeri kilátást az olajokban

kézikönyv Feb 3, 2026

Anyagok Sarah festékek ol..

Készítsen reális növényeket a Cinema 4D-ben

kézikönyv Feb 3, 2026

Nem számít, hogy a végső felhasználás, a legtöbb jelenet középpontjában az ember által készített szerkezet előnyös..

Kategóriák