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

Sep 16, 2025
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

A fájl előkészítése a nyomtatáshoz

kézikönyv Sep 16, 2025

Mint egy művész Wieden + Kennedy London, én Nyomtatás tervezése rendszeresen. Vannak bizonyos ..

Hozzon létre egy 3D-s tájat 6 egyszerű lépésben

kézikönyv Sep 16, 2025

Egy darab létrehozása 3D Art A természetes megjelenésű táj kihívásnak tűnhet, de ha a megfelelő eszköz�..

Cross-platform mobilalkalmazásokat készít a Google Flutterrel

kézikönyv Sep 16, 2025

Számos keresztplatformos mobil keret volt az évek során, folyamatos fejlesztésekkel a fejlesztői tapasztalat és teljesítm�..

Hogyan építsünk komplex elrendezéseket a CSS használatával

kézikönyv Sep 16, 2025

Az internet elrendezése mindig korlátozott volt, valóban soha nem volt valami valóban elkötelezett, hogy a tartalom könnyen..

Hozzon létre egy digitális etch egy vázlatot

kézikönyv Sep 16, 2025

Ebben a bemutatóban a mechanikus rajz játékot vázlatot vázolunk, mint inspirációt, és megpróbáljuk végrehajtani ezeket..

A tökéletes könyvborító megtervezése

kézikönyv Sep 16, 2025

Az önmegjelenés az Egyesült Királyság e-könyvpiac 22% -át teszi ki, és tovább növekszik, azaz a szerzők egyre inkább ..

Fénykép konvertálása VR SET

kézikönyv Sep 16, 2025

Jellemzően, ha valaki megemlíti a valóságot vagy a virtuális valóságot, akkor a videojátékok gondolkodnak. Fontos tudni,..

Hogyan készítsünk Manga-stílusú hajat a mozgásban

kézikönyv Sep 16, 2025

Tanulás hogyan kell felhívni a manga-t nem könnyű. Tehát, hogy könnyen a lehető legegyszerűbben, azt követi egy egyszerű, lépésről-lépésre folyamat, amely felhas..

Kategóriák