Hogyan készítsünk HTML webhelyet a Notepadon keresztül

Hogyan lehet létrehozni egy webhelyet a HTML nyelven egy jegyzettömbön keresztül teljes nulla?

Tartalom

Szerkezet

HTML Head meta name = »Leírás» Content = »Leírás oldal a HTML “meta name =” keywords» Content = »listája kulcsfontosságú kérdések» TitleNizing oldal / cím / head body úgynevezett helyszíni test (tartalmát) / Body / HTML

“Az oldal neve” – ez lesz a weboldal elnevezése

Az úgynevezett webhely testület (tartalma), a felhasználók megtekintéséhez rendelkezésre álló összes információ a testcímke

Ez létrehoz egy HTML oldalt. Ezután meg kell mentened a fájlban lévő fájlokat, de a TXT bővítményben szabványos lesz. Web Mester Meg kell tartani az oldalt HTML formátumban. Ehhez kattintson a jobb gombbal a létrehozott szövegfájlra, majd nevezze át a txt kiterjesztés HTML-re. Most már létrehozta az első oldalt a HTML-en, amit gratulálsz Önnek. Tedd ki, hogy mit látott a fentiekben látható címkék. Most, amikor a fájl megnyílik, megnyílik a böngészőben, mint az oldal. A HTML-címke azt mutatja, hogy a fájlt HTML formátumú dokumentumként kell megnyitni. Test – mutatja a webhely tartalmát. És a kiterjesztést a fájl megadja, megadja a számítógépet, nyissa meg az oldalt az alapértelmezett rendszerhez rendelt böngészőn keresztül.

6. lépés. Meghatározza az oldalt

A következő, nagyon érdekes színpad – adjunk hozzá néhány színt a webhelyünkhöz. Hadd legyen szilárd fehér háttér, de valami érdekesebb. Állítsa be a háttér kétféleképpen:

Általános háttér a webhelyen, beszélve a megosztott konténer #main
Ha a főblokkok mindegyikének saját színe van, akkor külön kell beállítani a színt. De jobb, ha nem vesz részt – egy piros kalapot, a zöld tartalmat és a sárga pincét nem fog nagyon nézni

Azt javaslom, hogy az első módszerre. Itt találtam itt az online szolgáltatásban egy kellemes világoskék árnyalatot, amelyet javasolok, hogy a háttér hátterét. Add hozzá az általános tartály stílusához

7. lépés. A kalapon dolgozunk

További munkák lesznek külön blokkok tervezése vonzóbbak számára. Kezdjük a fejléccel. Mit csinálunk általában a fejlécben? Jobb, gyönyörű webhelynév és logó. Itt hozzáadjuk.

Indítsa el a logót. Mivel létrehozunk egy webhelyet HTML használatával, tegye a logó logóját a sapkák bal sarkába. Az interneten itt találtam ilyen aranyos logót.

Le kell töltenie és be kell töltenie ugyanabba a mappába, ahol a HTML dokumentum tárolódik. Most nézz:

Hívtam a képet, és formátumát – ezért egy ilyen rekord. Aztán azt is jelezte, ilyen parancs: a kép-háttér nem kell ismételni, és be kell befogadni egy elmozdulás 5% vízszintesen elejétől a blokk és a központban függőleges. Először is, a vízszintes helyzetet mindig rögzítjük, majd függőleges.

Természetesen, ha másképp van másképp, vagy más formátumú, akkor kissé meg kell változtatnia az adott kódot. Kiváló, van egy logónk. Itt az ideje, hogy távolítsa el a feliratot – ez az oldal kalapja, és helyette egy gyönyörű fejlécet helyez. Távolítsa el a szöveget a fejlécből, és helyezzen be egy új elemet

Div id = “fejléc” div id = “cím” webhelynév / div / div

Most ki kell adni:

Megkérdeztük egy tisztességes számot: Betűméret, Font család, a bal szélen, a bal oldali, a bal oldali, a szín, a felső belső francia bekezdés és a szöveg árnyéka. Nincs értelme megmagyarázni az egyes ingatlanok munkáját most, így egyszerűen másolja a kódot és illessze be a stílus táblázatban (CSS fájl).

Minden, egyszerű kalap készen áll. Természetesen az igazi oldalon lehetnek más linkek, címek és tonna.D. Nos, adjunk hozzá valamit a realizmushoz. Ezt a HTML kódot be kell illeszteni a helyszíni sapkák tartalmába.

ul id = “A” lia href = “#” róla / a / li lia href = “#” blog / a / a / li lia href = “#” visszajelzés / a / li / ul

Három kapcsolatuk listáját alkotja. Tény, hogy valahol vezetnek, de csak üres linkek vannak. M

Lehetséges-e létrehozni egy webhelyet, és szükség van erre a tudásra (készségek)

Amikor megtanultam, hogy webhelyeket csináljak (indítsa el a g.), Nem tudtam, hogy vannak CMS-rendszerek (már abban az időben voltak, de kevesen voltak, nem voltak orosz dokumentáció). Egy egyszerű webhely létrehozása 5 oldalas (képekkel, menükkel, más elemekkel), a HTML (hipertext jelölés), a CSS (Cascading Style lapok – felelősek a webhely megjelenéséért), 3 hétig mentem (Ebben az időben elsajátítottam – ez idő alatt elsajátítottam) – ezért egy vágóhely létrehozása 3 hétig tartott, ez alá tartozik, hogy nem működött jól a képszerkesztőkkel) + a jövőben elsajátítottam a JS-t és php.

Most egy év, az oldal létrehozhat bármely személyt (legalább 3 osztályú iskoláslót) külön tudás nélkül, és még ingyenesen is létrehozhat. Ehhez most sok internetes szolgáltatás és CMS rendszer van.

jegyzet! Mindez a tipikus sablon webhelyekre vonatkozik (hitelezés, névjegykártyák, blogok, még szociális is). Hálózatok és online áruházak alapvető funkcionalitással). Ha nem szabványos (egyedi) megoldásokra van szükség, akkor kapcsolatba kell lépnie a szakemberekkel.

HTML-címkék létrehozhat egy webhelyet egy notebookon keresztül

DOCTYPE – Lehetővé teszi a böngésző számára, hogy meghatározza, hogy milyen dokumentumot nyit meg, mert a HTML-dokumentumnak sok verziója van.
HTML – címke, amely megnyílik és bezárja az egész weboldalt
Fej – hed (vagy fej) dokumentum. Ez a címke hordozza a böngészőinformációkat, és nem jelenik meg a weboldalon. Tartalmazza többnyire a böngésző és a keresőmotor, a CSS stílusok, amelyeket egy kicsit később és különböző szkripteket képviselünk.
META – Megadja a böngészőt és a keresőmotor-specifikus információkat. Ebben az esetben a meta tag pontozza meg a böngészőt arról, hogy az UTF-8 kódolást (az orosz nyelv helyesen). Más esetekben ez a címke bármilyen más adat, például a cikk szerzője, az oldal leírása, kulcsszavai.
Test – test (vagy test) dokumentum. Ez a címke tartalmazza az összes, amit jelenleg látható az oldalon, azt mondhatjuk, hogy tartalmaz egy csontvázat vagy egy weblap keretét.
H1 – a fő fejléc az oldalon, amely nagy hatással van, például a SEO-n
P – bekezdés – az oldalán látható szöveg

Természetesen kiderült, nem a világ legjobb webes erőforrását, de valami meg kell kezdeni?:)

Most adjunk neki “szépnek”, írjon néhány stílust a címkefej belsejében

Test {háttér: # f2f2f2; Max-szélesség: px; Margó: 0 Auto; Padding: 20px; } H1 {Szín: # 4C4C4C; Padding alsó: 10px; Margó alsó: 10px; A határ alja: 1px szilárd #bebebe; } p {Font: dőlt; }

Ennek eredményeként példája a kódban szereplő notebookban készült helyszínen

!DOCTYTY HTML Public “- // W3C // DTD HTML Transitional // HU” HTML HEAD META HTTP-EQUIV = “TARTALMAZÁSI” TARTALOM = “TEXT / HTML; Charset = UTF-8” titleme A legszebb hely / cím stílus Test {háttér: # f2f2f2; Max-szélesség: px; Margó: 0 Auto; Padding: 20px; } H1 {Szín: # 4C4C4C; Padding alsó: 10px; Margó alsó: 10px; A határ alja: 1px szilárd #bebebe; } p {Font: dőlt; } / Stílus / fej test H1mi Az első hely / h1 elég egy kicsit, és megtanulom, hogy a világ legjobb oldalait./ P / test / html

Most megtanultad, hogyan lehet létrehozni egyszerű webhelyeket a notebookban. Próbáljon meg más stílusokat és címkéket használni annak érdekében, hogy megértsük, hogyan vannak elrendezve.

Updy2. Hozzáadva a kódolást megadó kódhoz, az orosz nyelv megfelelő megjelenítéséhez, valamint a webhely menüjével kapcsolatos információk.

Upde3. Ha már létrehoz egy webhelyet, és szeretné elhelyezni az interneten, akkor szüksége lesz hosting, itt írtam, hogyan válasszuk ki a kiszolgálót, és kiválasztották a legjobbakat.

HTML nyelv és címkéi

A HTML nyelv első verziója az évben jelent meg. Az évszakban a HTML új verziójának specifikációját az 5. számnál fejlesztik ki. A fejlesztés ebben a leírásban is részt vesz a szervezet Világháló konzorcium vagy rövidítve W3C.

A W3C szervezet fejlesztése és más webes szabványok. Ismerheti meg ezeket a szabványokat a Hab weboldalán. By the way, sok böngésző már támogatja a HTML-funkciók 5.

Azt javaslom, hogy azonnal elkezdhessem a HTML nyelvet a példával. Tehát hozzunk létre első weboldalunkat. Minden szövegszerkesztő alkalmas lesz a weboldalak létrehozására.

Azt javaslom, hogy az ablakokba beágyazott jegyzettömb (általában, a jövőben a HTML-kód szerkesztéséhez) azt javaslom, hogy egy ingyenes szövegszerkesztő Notepead ++ használjon. Megtalálhatja azt: “Start – Minden program – Standard – Notepad”. Hozzunk létre egy oldalt az autókról. Tehát nyissa meg a notebookot és pontszámot:

Ezután mentse a létrehozott weblapot fájl nevét HAB. Ebben az esetben a fájl mentése párbeszédpanelen, be kell állítani az UTF-8 kódolást, és adja meg a fájl nevét idézőjelben, mert különben a jegyzettömb fogja adni a TXT kiterjesztést hozzá, és a fájlunk megkapja a Hab nevét:

Most már meg kell nyitnia a létrehozott fájlt a böngészőben, és nézze meg az eredményt. Ehhez a Microsoft Internet Explorer a Windows böngésző részeként vagy bármely más számítógépen telepített böngésző részeként a HAB-fájl kétszerese, vagy a fájlt a böngésző ikonra húzza. Megnyittuk és megnézzük ezt az eredményt:

Így hoztunk létre egy weboldalt a jegyzettömb, bár egy kicsit kellemetlen, de amely már nagy fejlécet és egy szöveges bekezdéssel, amely automatikusan bontani a húrok, és tartalmaz egy izolált fragmentum félkövér.

HTML kód – Mi az egyszerű szavak

Html (eng. Hyper Text Markup Language – Hypertext jelölés Language) egy különleges leíró nyelv, amely létrehozásakor használatos weboldalak az interneten.

A böngészők tökéletesen megértik a HTML-t, és értelmezhető formában értelmezhetik. Általánosságban elmondható, hogy a webhely bármely oldala egy HTML-kód, amely a böngésző barátságos nézetbe kerül a felhasználó számára. By the way, a kód bármely oldal hozzáférhető mindenkinek. A megtekintéséhez kattintson a jobb gombbal, és válassza a Forráskód megtekintését, vagy nyomja meg a Ctrl + U billentyűzetet:

A HTML jelölési nyelv széles körű volt. Jelenleg ez az egyetlen nyelv, amellyel a webhely megjelölése létrejön. Szeretném hangsúlyozni azt a tényt, hogy ez a jelölés. Az úgynevezett “motor” egy másik programozási nyelvben (leggyakrabban PHP) jön létre, amely lehetővé teszi interaktív oldalak létrehozását (HTML nem engedélyezi ezt).

A HTML fájlok kiterjesztései vannak .Html vagy .HTM. HTML fájl létrehozásához csak nyissa meg a jegyzettömböt, és mentse a kiterjesztéssel .Html. Hogyan lehet ezt megtenni az oldalon: példa egy egyszerű HTML oldal létrehozására

jegyzet

A figyelmes olvasó figyelmet fordít arra, hogy nem minden oldal az internet kiterjesztése végén .Html. Például vannak oldalak / katalógus / lista (általában bővítés nélkül)

Helytelen, de a böngésző képes lesz megérteni, hogy ez egy webes dokumentum, és helyesen jelenítse meg.

Élő példa

Tehát hozzon létre egy szöveges dokumentumot, és írja be a következő tartalmakat:

Írott? Szép munka! Itt adtam neked kifejezetten egy kép formájában, és nem szöveg formájában, így nem másolod

Itt vagyok egy quoundrel?)) Észrevette, hogy a címkéket fészkekként fektetik be? Így kell lennie

Ezt követően mentse el a dokumentumot HTML formátumban. Ehhez a mentés során, miután felhívta a dokumentumot, tegye a pontot, és írjon HTML-t. Ez az, hogy Hab-t kell kapnia, akkor a dokumentum automatikusan megmarad, mint szöveges dokumentum, de weblap formájában. És míg a dokumentum tárolásra, változtassa meg a kódolást UTF-8. Meg tudja nyitni a fájlt bármilyen böngésző segítségével. Tegyük meg, és nézzük meg, mit tettünk.

Nézze meg, mennyit írtunk mindent, és csak üdvözlő szövegünk maradt a végleges dokumentumban. Miért? Igen, mert a címkék maguk nem jelennek meg a végleges verzióban, és a megjelenített információk csak a testcímkék között jelennek meg. Tehát minden történt. De nézze meg, mit írtunk a fejben, pontosabban a címben, most megjelenik a böngésző lapon.

De próbáljon több szóközt, és írjon több szöveget, vagy csak írjon néhány szöveget, és mentse el ugyanazon a dokumentumban.

Most jelentkezzen be ehhez a dokumentumhoz böngésző segítségével. Amit látunk? És az a tény, hogy a rések és a vonalak sorai nem befolyásolták a dokumentumot, és minden megy egy sorban. Csúnya, igen? És minden, mert a HTML maga nem érti a hiányosságokat (kivéve azot) vagy a közlekedést. A vonalak átviteléhez mindent más címkékkel kell elhelyezni, amelyeket más cikkekben fogunk beszélni.

Sokan valószínűleg valami ilyesmi: “És ez az Ön webhelye? Igen, tölgyvel összeomlott. Igen kedvesem. Ez a primitív weboldal is nevezhető az oldal. És ismétlem még egyszer, hogy a jelentése ebben a cikkben nem volt, hogy hozzon létre egy megacrute oldalon, de megmutatja az alapja minden területre vonatkozó, úgy néz ki, minden úgy történik,.

De nem aggódsz. Ezek mind bevezető leckék. Ezután drága és mélyebbre esünk a HTML-jelölésbe, és teljesen formázhatjuk helyesen, gondoskodunk. Általában minden hűvös lesz, és teljes körű webes erőforrást fogunk tenni. Csak egy cikkben nem illeszkedik mindez, de nem fogok vágni és vágni és vágni, különben sikerül.

CSS stílusok, szkriptek, képek és egyéb tartalmak

Amint látható, a kívánt példa a böngészőablak szélességéhez igazodik, és egy függőleges oszlopba épülhet mobileszközökön. Hogyan történt? Ez az egész a lépcsőzetes stílusokról van szó (Ezek CSS).

Beállíthatja saját beállításait az egyes HTML-címkéhez: Töltse ki a színt, a szöveget, a betűtípusot, a méretét, a francia bekezdéseket és még sok másot. Példánkban a stílusokat a stílus típusa = »szöveg / css blokka stílus nyitó és zárócímke között).

Az ilyen írás helyettesíthető a külső fájlra való hivatkozással (És a stílus fájl található, mind a könyvtárat a szerveren, és bármely más, a lényeg az, hogy a hivatkozás, hogy helyes volt).

Például link rel = „STYESHEET» TYPE = »text / css» HREF = »HAB».

A Hab lehet cserélni teljes (Abszolút) vagy akár egy relatív link (A visszaszámlálás a könyvtárhoz képest történik, amelyben a forrás HTML fájl lesz).

Hasonlóképpen, a JS parancsfájlok beillesztésre kerülnek, amelyek segítenek az animált oldalt, vagy adnak hozzá bizonyos funkciókat.

Kép vagy videó is található a szerveren (Mag html fájl) vagy általában egy másik oldalon. Az első esetben a relatív hivatkozások segítségével egyszerűen megváltoztathatja a tartományt, és a második, a harmadik fél erőforrásait használhatja (Nem kell a képet a saját és a kiszolgáló erőforrásainak tárolására).

Egy példa a webhelyéről való illeszkedésre (A Hab fájlnak a Hab mellett kell lennie):

IMG SRC = “HAB” ALT = “szöveg, amely a kép helyett megjelenik, ha nem indul el” Width = “” Magasság = “”

Szélesség és magasságparaméterek kihagyhatók vagy beállíthatók a CSS stílusok táblázatában.

Példánkban helyettesítheti a banneret:

A div osztály tetején = »banner» banner 1 / div
IMG osztályt írunk = »Banner» SRC = »Hab» Alt = »Banner-Picture»
A Hab mellett bármilyen kép formátumú képet ad .PNG és módosítsa a név nevét

Figyeljen az osztály specifikációjára (osztály = »banner), ez a paraméter lehetővé teszi, hogy a tervezési stílus központilag beállítsa a CSS-t. Ezért a méret bármilyen méretű kép szépen illeszkedik a meglévő kialakításba

Hasonlóképpen cserélheti ki az összes többi bannert a képeken, vagy hozzáadhatja őket más blokkokba (Csak az utóbbi esetben, anélkül, hogy meghatározná a bannerosztályt, különben az elrendezés “fog menni”).

HTML dokumentumszerkezet

Másolja a kódot a Hab fájlba

!DOCTYTYT HTML Nyilvános “- // W3C // DTD XHTML // HU” Hab “HTML HEAD META HTTP-EQUIV =” TARTALOM TÍPUS “TARTALOM =” TEXT / HTML; Charset = UTF-8 “cím Fejlap a böngészőhöz / Cím link rel = “Stylesheet” href = “/ Hab” típus = “Text / CSS” / / fejtest h1 oldal / h1 !– Megjegyzés – Pabzac./ P / test / html

Most nyissa meg a böngészőben, így kell működnie:

Röviden leírom, hogy ezek a címkék mit jelentenek. Ha többet szeretne kitalálni a Googl-ről, és a témáról szóló információkat mondják.

Megadjuk a böngészőt, amely szerint az oldal megjelenítéséhez szükséges szabvány:

!DOCTYTE HTML Public “- // W3C // DTD XHTML // HU” “Hab”

A HTML címke azt mondja, hogy a HTML-dokumentum kezdődik és végződik

HTML / HTML

A szolgáltatási információk elhelyezéséhez vezető címke szükséges, itt a stílusok vannak csatlakoztatva, szkriptek és közzétett meta oldal információ. A weboldal látogatói nem látják a címke tartalmát.

Fej / fej

A testcímke tartalmazza az oldal jelölését, a címke tartalmát a webhely látogatói megtekintése.

Test / test

Eltávolítása a “Open Usat” listából a Rendszerleíróadatbázis-szerkesztőben

Helytelenül kiválasztott programot kell eltávolítani a helyi menüből a Rendszerleíróadatbázis-szerkesztő segítségével. A Rendszer-nyilvántartásban csak egy bejegyzés kerül eltávolításra, amely egy adott programra utal.

A Rendszerleíróadatbázis-szerkesztőben megadhatja a “Windows” + “R” billentyűt a billentyűzeten, majd a “Run” ablakban be kell írnia a “REGEDIT” kifejezést, majd kattintson az “OK” gombra , vagy nyomja meg a billentyűzetet az “Enter” gombon.

Ön is érdekelt:

Hogyan távolítsa el a védelmet a felvételből a Flash meghajtóból – 5 mód
Gyors segítség Windows 10 – Gyors segéd függelék

A Rendszerleíróadatbázis-szerkesztőben más módon is eljuthat. Ehhez írja be a “START” menüt, a “Keresés” mezőbe írja be a “Regedit” kifejezést, miután megjelenítette a “Regedit” képre kattintva.

A “Monitoring Accounting Felhasználói fiókok” ablak jelenik meg, amelyben meg kell állapodnia a változtatásokat, megjelenik a Rendszerleíróadatbázis-szerkesztő.

A Rendszerleíróadatbázis-szerkesztő ablakban kétszer kell kattintana kétszer a felsorolt tételek (mappák) “HKEY_CURRENT_USER” = “Software” = “Microsoft” = “Windows” = “Windows” = “Explorer” = “File Exts”.

Teljes fájlkiterjesztés helye:

HKEY_CURRENT_HABY FIESOPENLISTLIST

A mappa „Fájl EXTS” ki kell választania a fájl kiterjesztését, amely a helyi menüben meg kell törölni egy programot rekordot, amely meg tudja nyitni a fájlt. A mi esetünkben ez a bővítés “.Jpg ». Ezután az Openwithlist mappában kiválaszthatja azt a programot, amelyet el kell távolítania. A példánkban “Hab”.

Ki kell jelölnie a megfelelő bejegyzést. Ezután a rekord kiválasztása után a jobb egérgombbal kell kattintania a hozzárendelt bejegyzést, majd válassza a Tétel törlése lehetőséget a helyi menüben, vagy kattintson a billentyűzetre a “del” gombra.

Az ablakban, figyelmeztetéssel megjelent, kattintson az “Igen” gombra.

Ezen műveletek után bezárhatja a Rendszerleíróadatbázis-szerkesztőt. A rendszerleíró adatbázis változásai a számítógép újraindítása nélkül léptek hatályba.

A jövőben, amikor megnyit egy fájlt a helyi menüpont használatával, a “Használat” használatával, a felesleges program felvétele nem lesz.

Ez nem mindig teljesül a rekordok törlésével ebben a rendszerleíró fiókban.

Keressen egy másik két nyilvántartási fiókot, amelyekben a “felesleges” programok nyilvántartásai lehetnek:

HKEY_CLASSES_HABLIKEPENWITHLISTHKEY_CLASSES_HABLISHEY_CLASSES_HABLISHISLIST

Ha a helyi menüben lévő bejegyzés továbbra is fennáll, ellenőrizze, mint a rendszerleíró fiókok.

Erről a cikkről

Coauthor (k): tapasztalt szerkesztők és kutatók csapata, akik a pontosságot és a teljességet ellenőrizték a cikk létrehozásában. Wikihow gondosan figyeli a szerkesztők működését, hogy garantálja az egyes cikkek megfelelőségét a magas színvonalon. A cikk véleményének száma:

Kategóriák: Webes design és weboldal fejlesztése

Angol: Hozzon létre egy egyszerű weblapot a HTML-vel

Português: Criar Uma Página Simples da Web Com HTML

Italiano: Creare Una Semplice Pagina Web Con HTML

ESPAñOL: Hacer Una Página Web HTML

Français: CRÉER SA Première Page Web HU LANGAGE HTML

Deutsch: Eine einfache websee mit html gestalten

Nederlands: Een Simpele Webpagina Maken Met HTML

中文: 用 html 创建一个单单网页

Bahasa Indonézia: Membuat Halaman Web Sederhana Dengan HTML

ไทย: เขียเขีย เว็บ เพจ ๆ ด้วย ด้วย html

한국어: html 로 간단 한 웹페이지 만들기

العربية: إنشاء صفحة ويب بسيطة باستخدام لغة اتش تي ام ال

Tiếng việt: tạo một trang web ơơn giản với html

日本語: 単純なウェブページを html で作成する

हिन्दी: html का इस्तेमाल करके एक वेब पेज तैयार करें (Hozzon létre egy egyszerű weblapot a HTML-vel)

Türkçe: Html Ile Basit Bir Web Sayfası Nasıl Oluşturulur

ارسی: با استفاده از html یک صفحهی وب ساده بسازیم

Fóka

Mi a címke?

Most beszéljünk többet az oldalszerkezetről. Tekintsünk egy töredéket:

Itt látjuk az oldalon megjelenő szöveget, mint a “H1” címke csatolt címet. Mi a címke a HTML nyelven?

A “H1” és a címke “/ h1” címke is pár címkéknek nevezik. A címke megnyitása mellett a tartalom és a záró címke HTML dokumentumelemet tartalmaz. Vannak olyan elemek, amelyek egy nyitott címkéből állnak:

Tehát a “h1” pár címke meghatározza az első szint fejléc elemét. Összesen hat szintű fejlécek vannak, ezek a “H1” elemek – “H6” elemek.

Az elemek blokkok és kisbetűk (szöveg). Blokk elemek elvégzik az oldal szerkezeti formázását. A blokk elemek mindig egy új vonalon jelennek meg, és bemélyednek a szomszédos elemekről. A kisbetűs elemek közvetlenül formázzák a szöveget vagy a logikai formázást. A H1 elem egy blokk elem.

Ezután jön a “P” pár, amely a HTML oldalra bekapcsolódik. A címke tartalma a bekezdés szövege lesz. A “P” elem egy blokk elem, és hogyan látjuk, hogy új vonallal kezdődik, és a H1 címsor és a bekezdés között van egy francia bekezdés.

A bekezdésben van egy páros tag erős, amely a tartalmát merész.

Ez a “erős” címke beillesztésre kerül a “P” címke tartalmába. Ez azt jelenti, hogy az erős címke tartalma a bekezdés részeként jelenik meg. Az ilyen beágyazott címkéket leányvállalatoknak nevezik, és a címkéket, amelyekben más címkéket fektetnek be, szülői. Így a “erős” címke leányvállalat, és a “p” címke a szülő. Ez a fészkelő címke HTML-ben található.

Amikor a címkéket egy szabály követni kell, a záró címkéket követő eljárásnak a megfelelő címkék fordított sorrendjének kell lennie. T.E. A címkéket és annak tartalmát teljesen be kell fektetni más címkékbe. Ha megszakítja ezt a szabályt, akkor a weboldal helyesen jelenik meg.

By the way, az erős elem kisbetűs. És hogyan látunk semmilyen vonalat, sem a beágyazás, ha ezt az elemet nem végzik

És nagyon fontos megemlíteni a HTML nyelv szabályainak megfelelően, a kisbetűk nem képesek beágyazódott címkékkel

Láthatta, hogy a “H1” megnyitó címke, kivéve a címet, tartalmaz egy másik szöveget: Align = “Center”. Ez az a címke attribútum, amely meghatározza paramétereit. Minden attribútumnak van egy neve, amely után egy jelzőt követnek =, majd az idézőjelben szereplő értéke:

Különleges esetünkben az Align attribútumcímke H1 beállítja a szövegbeállítást. Tehát a középérték jelzi a böngészőt, hogy a H1 címke tartalmát a központba kell igazítani.

Az attribútumok kötelezőek és opcionálisak. A kötelező attribútumokat a kötelező címkékben kell tartalmazni. És az opcionális attribútumok kihagyhatók, majd az alapértelmezett értéket.

Oldalak hozzáadása

Tény, hogy mindent, amire szüksége van. Menüpontok és „Watch” pointerek több csomagolva egy speciális címkét, amely felelős a kialakulását egy hivatkozást. A kívánt cím az attribútumban van megadva . Csak az oldalak létrehozása és a fájl mellett helyezi el őket .

Minta kód a fotóalbum oldalán ():

A főszerkezet, a kalap, a navigáció és az alagsor teljesen megismétli a főoldalt, csak a szakasz változik, amely most több blokkgal rendelkező galériát tartalmaz . Minden blokkban – kép és aláírás.

Az oldalregisztrációhoz ugyanaz a fájl csatlakozik a szakaszba . Számos szabályt kell hozzáadnia a galériára:

Itt használ CSS vétel, amely lehetővé teszi, hogy helyezze a tömb három egy sorban, és állítsa őket a szélessége pontosan harmadik a szélessége a szülő konténer.

A galéria végső típusa az alábbiakban kerül bemutatásra.

A hiperhivatkozások a webhely oldalainak mozgatását biztosítják: A menüből eljuthat a “Fotóalbumba”, és kattintson a logóra – vissza a főre.

következtetések

Megvizsgáltuk az “Oldskul” megközelítés alapjait a webhelyek létrehozásához. Most a jegyzettömbökben a helyszínek egyszerűen értelmetlenek, mivel nagyon nehéz a kezdőknek, és nagyon irracionális a szakemberek számára (Különleges fejlesztési környezetekkel és egyéb eszközökkel dolgoznak).

A kezdő webmesterek könnyebbek és gyorsabbak az online konstruktorok használatához, amelyek lehetővé teszik, hogy a webhelyet saját kezével összegyűjtsük, még anélkül, hogy tudnád az elrendezés alapjait vagy a HTML-t, és az eredmény nem adja fel a professzionális termékek. A legjobb helyszíni tervezők rangsorolása a tisztességes szolgáltatásokat tekintheti meg.

Olvassa el ezt