Html ашиглан вэбсайт хэрхэн үүсгэх

Агуулгын хүснэгт:

Html ашиглан вэбсайт хэрхэн үүсгэх
Html ашиглан вэбсайт хэрхэн үүсгэх

Видео: Html ашиглан вэбсайт хэрхэн үүсгэх

Видео: Html ашиглан вэбсайт хэрхэн үүсгэх
Видео: Зөвхөн HTML ашиглан веб хийх 2024, May
Anonim

Өнөө үед интернэтийн тэсрэлтийн өсөлттэй зэрэгцэн Вэб технологи, ялангуяа HTML, стандарт вэб хөтчүүд улам бүр ашиглагдаж байна. HTML (HyperText Markup Language) нь гипертекстийн тэмдэглэгээний хэл юм. Энэ формат нь баримт бичгийн гадаад байдал, текст, график, мультимедиа мэдээллийн харилцан уялдааг тодорхойлдог. Аяны кампанит ажил нь маш их мөнгөөр сайт бүтээх ажилд оролцдог. Гэхдээ "html-tag" -ын тусламжтайгаар та өөрийн гараар нэлээд сонирхолтой вэбсайт үүсгэх боломжтой.

Html ашиглан вэбсайт хэрхэн үүсгэх
Html ашиглан вэбсайт хэрхэн үүсгэх

Энэ нь зайлшгүй шаардлагатай

  • - хөтөч;
  • - текст засварлагч.

Зааварчилгаа

1-р алхам

HTML файлын формат нь маш энгийн. Файлд зохиох, өөрчлөлт оруулах ажлыг аливаа текст засварлагч хийдэг. Үр дүнг харахын тулд вэб хөтөч ашигладаг. HTML баримтуудын гол давуу тал нь бие биенээсээ хөндлөн иш татах чадвар юм. Хөндлөн ишлэлүүд нь сонирхсон сэдвээр нэмэлт мэдээлэл бүхий баримт бичгийг хурдан хугацаанд лавлахад тусалж, дараа нь эх тексттэй үргэлжлүүлэн ажиллах болно. HTML хэлийг ашиглан бичсэн аливаа баримт бичиг нь хуудасны агуулгаас бүрдэнэ, i.e. текст ба хяналтын тэмдэгтүүд - хаягууд. Бүх HTML хаягуудыг өнцгийн хаалтанд оруулах ёстой. Ерөнхийдөө эхлэх, төгсгөлийн шошгыг ашигладаг. Төгсгөлийн шошго нь налуу зураастай байхаас эхэлж тэмдэглэгээнээс ялгаатай.

Алхам 2

Сайт үүсгэж эхлэхийн тулд текст засварлагч (тэмдэглэлийн дэвтэр) руу очно уу.

Дараа нь хаягуудыг оруулна уу:

HTML - / HTML - аливаа HTML баримт бичгийн эхний ба сүүлийн хаягууд.

HEAD - / HEAD - баримт бичгийн толгойн төгсгөл ба төгсгөл.

TITLE - / TITLE - баримт бичгийн гарчгийг тохируулах (хөтөчийн цонхны гарчиг).

BODY - / BODY - баримт бичгийн агуулгыг тодорхойлдог HTML баримт бичгийн эхлэл ба төгсгөлийн хэсэг.

Алхам 3

Дараа нь та текстийг загварчлах хэрэгтэй. Энэ нь дараах хаягуудыг шаарддаг:

Hx - / Hx - (x нь 1-ээс 6 хүртэлх тоо юм) гарчгийг зургаан өөр түвшинд тодорхойлно. Эхний түвшний гарчиг хамгийн том, зургаа дахь түвшин хамгийн бага байна.

P - / P - догол мөрийг тайлбарлах (/ P хаяг байхгүй байж болно).

ALIGN нь параграфын уялдааг тодорхойлдог параметр юм.

ALIGN = CENTER - төвийн тохируулга;

ALIGN = RIGHT - баруун эгнээ;

ALIGN = ЗҮҮН - зүүн зэрэгцүүлэлт.

BR - догол мөрийг зөрчихгүйгээр шинэ мөрөнд шилжинэ.

B - / B - текстийг тод үсгээр харуулна.

I - / I - текстийг налуу хэлбэрээр харуулна.

U - / U - доогуур зурсан текст.

STRIKE - / STRIKE - мөрний текст.

BLOCKQUOTE - / BLOCKQUOTE - эшлэлүүдийг харуулна.

SUB - / SUB - захиалгын хуудсыг харуулдаг.

SUP - / SUP - дээд хуулбарыг харуулах.

TT - / TT - тогтмол тэмдэгтийн өргөнтэй фонт ашиглана уу.

BIG - / BIG - одоогийн үсгийн хэмжээг нэмэгдүүлэх.

ЖИЖИГ - / ЖИЖИГ - одоогийн үсгийн хэмжээг багасгах.

BASEFONT SIZE = n - (n нь 1-ээс 7 хүртэлх тоо) - фонтын хэмжээнийн үндсэн утга.

FONT SIZE = + / - n - / FONT - фонтын хэмжээг өөрчлөх.

FONT COLOR = # xxxxxx - FONT - үсгийн өнгийг тохируулах: Aqua - далайн давалгаа; Хар - хар; гэх мэт.

BODY - дэвсгэр өнгийг өөрчлөх.

HR - хэвтээ шугам, энэ шошго нь шинж чанаруудыг ашиглаж болно:

COLOR - шугамын өнгө;

SIZE - мөрийн өргөнийг пикселээр;

WIDTH - мөрийн өргөнийг пикселээр эсвэл цонхны өргөний хувиар;

ALIGN - шугамын тохируулга;

NOSHADE - сүүдэргүй зураг;

СҮҮДЭР - сүүдэртэй зураг зурах.

Алхам 4

Хэрэв та сайтад ямар нэгэн жагсаалт оруулах шаардлагатай бол хаяг оруулах шаардлагатай:

UL - / UL - захиалгагүй жагсаалт (тоолох, захиалга өгөхгүй):

LI - жагсаалтын зүйлийн тодорхойлолт;

TYPE нь жагсаалтын тэмдгийг тодорхойлдог параметр юм.

TYPE = CIRCLE - тойрог нь тэмдэглэгээ болгон ашигладаг;

TYPE = DISK - цэгийг тэмдэг болгон ашигладаг;

TYPE + SQUARE - дөрвөлжинг маркер болгон ашигладаг.

OL - / OL - дугаарласан жагсаалт:

TYPE бол жагсаалтын төрлийг тодорхойлох параметр юм.

TYPE = A - Латин цагаан толгойн том үсгийг жагсаалтын дугаар болгон ашиглах болно;

TYPE = a - Латин цагаан толгойн жижиг үсгийг жагсаалтын тоологч болгон ашиглах болно;

TYPE = I - том Ромын тоонуудыг жагсаалтын дугаар болгон ашиглах болно;

TYPE = i - Ромын жижиг тоонуудыг жагсаалтын дугаар болгон ашиглах болно;

START бол жагсаалтын эхлэх дугаарыг тодорхойлох параметр юм.

DL - / DL - тайлбартай жагсаалт:

DT - жагсаалтын зүйлийг тодорхойлох;

DD бол жагсаалтын зүйлийн тайлбар юм.

Алхам 5

Таны сайт нэг хуудсаар хязгаарлагдахгүй байхын тулд хэд хэдэн хуудсыг үүсгээрэй. Жолоодохын тулд танд дараах холбоосуудаар тодорхойлогдсон холбоосууд шаардлагатай:

HREF = URL - / A - холбоосыг баримт бичигт оруулна (шошгоны хооронд та холбоос текст оруулах ёстой).

HREF - хуудас эсвэл нөөцийн хаяг;

URL - нөөцийн нэгдсэн хаяг: servis: // server [: port] [/path]:

үйлчилгээ - протоколын нэр (HTTP - HTML баримт бичигт хандах хандалт, FTP серверээс файл хүсэх FTP хүсэлт, FILE хандалт

орон нутгийн машин дээрх файл);

сервер - нөөцийн нэрийг зааж өгөх;

порт - вэб сервер ажиллаж байгаа портын дугаар;

path бол нөөцийг байрлуулах директор юм.

HREF = # хавчуургын нэр - / A - локал холбоос оруулна уу (шошгоны хооронд та холбоос текст оруулах ёстой).

НЭР = хавчуургын нэр - / A - холбоос хийх хавчуургыг тохируулна уу.

Алхам 6

Сайт нь уйтгартай биш байхын тулд график дизайн хийх шаардлагатай. Үүнийг хийхийн тулд хаягуудыг ашиглана уу.

BODY BACKGRAOUND = "file_name" - дэвсгэр болгон ашигласан зургийг тохируулна.

IMG SRC = "file_name" - график файлыг HTML баримт бичигт оруулах, энэ хаяг нь дараахь параметрүүдийг ашигладаг.

ALT = "текст мөр" - хэрэв хөтөч графикийг автоматаар ачаалах боломжийг идэвхгүй болгосон бол график дүрсний оронд гарч ирэх текст мөрийг тодорхойлно;

HEIGHT, WIDTH - зургийн өндөр ба өргөнийг пикселээр;

HPACE, VSPACE - графикийг текстээс хэвтээ ба босоо байдлаар тусгаарласан чөлөөт зайны өргөн;

ALIGN - текстийг графиктай харьцуулах.

Алхам 7

Хамгийн сүүлд хийх зүйл бол текст файлыг *.html форматаар хадгалаад хөтөч ашиглан ажиллуулах явдал юм. Сайт бэлэн боллоо.

Зөвлөмж болгож буй: