Хэрхэн хэдхэн цагийн дотор вэб сайт үүсгэх вэ

Вэбсайт үүсгэх нь хэцүү байх албагүй. Энэ нийтлэлд, Бид html хуудас үүсгэх үндсэн ойлголтууд болон мини-хамгийн жагсаалтыг хэрхэн үүсгэх талаар судлах болно. Дараачийн, Бид html-г хэрхэн ашиглах талаар ярилцах болно>-Текстийг тодруулахын тулд шошго. Эцсийн эцэст, Бид хэдхэн цагийн дотор вэб сайт хэрхэн бүтээхийг танд үзүүлэх болно. Бид бас хэд хэдэн ашигтай техникийг авч үзэх болно.

Html хуудас үүсгэх

HTML бол вэб хуудас бүтээхэд хэрэглэгддэг хэл юм. Энэ нь вэб хуудасны бүтцийг тодорхойлдог бөгөөд CSS нь контентыг хэрхэн харуулахыг хянадаг. Үндсэн HTML хуудас үүсгэх нь тийм ч хэцүү биш юм. Эхлэх алхам алхмаар зааварчилгаа энд байна. Та үндсэн HTML хуудастай болмогц, Та илүү төвөгтэй, динамикийг бүтээхэд бэлэн байна. Эхлэх, танд текст засварлагч болон вэб хөтөч хэрэгтэй болно.

Та мөн вэб хуудасныхаа агуулгыг үүсгэхийн тулд MS Word гэх мэт текст боловсруулагч ашиглаж болно. Та текстийг хооронд нь холбохын тулд гипер холбоосыг ашиглаж болно. Та мөн файлыг html файл хэлбэрээр хадгалах боломжтой, вэб хуудас. Энэ арга нь сайн ажилладаг, гэхдээ таны ийм байдлаар үүсгэсэн хуудсууд асар том бөгөөд хөтчийн цонхонд тийм ч сайн харагдахгүй байна. Энэ аргын цорын ганц сул тал бол та бэлэн байгаа хэрэгслийг ашиглаж сурах явдал юм.

HTML бол тэмдэглэгээний хэл юм, Энэ нь хуудсан дээрх агуулгыг форматлахын тулд та шошго оруулах шаардлагатай гэсэн үг юм. Шошго бүр нь хуудасны аль нэг элементийг төлөөлдөг. Шошго нь өнцгийн хаалтаар тодорхойлогддог. Зарим элементүүд нь зөвхөн нэг шошго шаарддаг, бусад нь хоёрыг шаарддаг. Хаалтын шошго нь налуу зураас агуулсан. Жишээлбэл, догол мөрний таг нь догол мөр гэж нэрлэгддэг элементийг үүсгэдэг. Нээх, хаах шошго хоорондын текст нь догол мөрийн текстийг бүрдүүлдэг. Үүнтэй адил, ul шошго нь дараалалгүй жагсаалт үүсгэдэг.

Жижиг жагсаалт үүсгэх

Mini-includes хэсгийг үүсгэх нь нэг вэб хуудсан дээр янз бүрийн элементүүдийг холбох үр дүнтэй арга юм. HTML хуудсыг хэд хэдэн дэд хэсэгт хувааж болно, хэсэг бүр элементийн жагсаалтыг агуулсан. Эдгээр элементүүд нь өөр өөр зорилготой. Та цагаан толгойн дарааллыг харуулахын тулд type шинж чанарыг ашиглаж болно. Та мөн жижиг үсгээр a үсэг бүхий элементүүдийн жагсаалтыг үүсгэж болно, б, эсвэл в.

Элемент нэмэх нь амархан. Энгийн HTML баримт бичиг нь түүний агуулгыг тодорхойлсон хаягуудыг агуулдаг. Эдгээр шошго нь ихэвчлэн хосоороо ирдэг. Нээлтийн шошго нь доторх элементүүдийг жагсаахад хэрэглэгддэг, Хаалтын таг нь элементийг хаадаг. Нээлтийн шошго, эсвэл толгой, баримт бичгийн талаархи тайлбар мэдээллийг багтаасан болно. Энэ мэдээлэлд гарчиг орсон байж болно, загварын хуудасны мэдээлэл, скриптүүд, эсвэл мета мэдээлэл. Хаалтын шошго, нөгөө талаас, элементийг хаадаг.

html ашиглан>-шошго

html>-tag нь HTML баримт бичгийн үндсэн агуулгын талбарыг тодорхойлоход хэрэглэгддэг. Үндсэн агуулгын талбар нь хуудасны гол сэдэв эсвэл функцтэй холбоотой текстээс бүрдэнэ. Энэ нь сайт дээрх бусад контентоос өвөрмөц байх ёстой. Бусад контентууд нь хажуугийн самбар хэлбэрээр хуудсан дээр гарч ирж болно, навигацийн холбоосууд, зохиогчийн эрхийн мэдээлэл, сайтын лого, болон хайлтын хэлбэрүүд. HTML хуудас нь html-ийг дагаж мөрдөх ёстой>-HTML хуудас гэж үзэх хаяг.

href= шинж чанар нь холбоосын элементийг нээдэг. Дараа нь “=” тэмдэг, та холбоосын URL-г буулгах хэрэгтэй. Та мөн нэг гарчигт олон догол мөрийг ашиглаж болно. Хаалтын хаалт нь заавал байх ёстой. Энэ нь таны холбоосыг буруу тайлбарлахаас сэргийлнэ. HTML хуудсыг уншихад хялбар болгохын тулд, вэбсайт руугаа холбоос нэмнэ үү. html>-шошго нь өөр вэб хуудас руу чиглэсэн холбоосыг нэмэх боломжийг танд олгоно.

HTML файл нь таны компьютерийг HTML файл гэж хэлэх a.html өргөтгөлтэй байх болно. Хоосон зайны оронд зураас ашиглах нь дээр, Учир нь хоосон зай нь вэб хөтөч файлыг олохоос сэргийлнэ. Та HTML хуудас үүсгэж дууссаны дараа, та үүнийг хадгалах хэрэгтэй болно. Дараачийн, HTML файлтай хавтас руу очоод хулганы баруун товчийг дарна уу. Энэ нь доорх дэлгэцийн зурагтай төстэй харагдах ёстой.

html ашиглан>-Текстийг тодруулахын тулд шошго

Та тэмдгийг ашиглаж болно> HTML баримтууд дахь текстийг тодруулахын тулд шошго. Энэ бол харьцангуй шинэ HTML юм 5 онцлог, бөгөөд энэ нь догол мөрийн тодруулсан хэсгийг тодорхойлдог. тэмдэг> Таг нь үндсэн HTML баримтын дэвсгэр өнгөний шинж чанарыг өөрчлөх замаар ажилладаг. тэмдэг> шошго нь Глобал болон Үйл явдлын шинж чанаруудыг хоёуланг нь дэмждэг. Энэ нь текстийг шар эсвэл хар өнгөөр ​​тодруулах болно. Мөн үндсэн CSS файл дахь текстийн өнгийг өөрчлөх боломжтой.

Ихэнх дэлгэц уншигчид тэмдэглэгээний элементийг зарладаггүй, гэхдээ та CSS агуулгын шинж чанар эсвэл.before and.after псевдо-элементүүдийг ашиглан аль текстээ тодруулахыг хүсч байгаагаа тодорхой болгох боломжтой.. Зарууд нь дэлгэрэнгүй бөгөөд шаардлагагүй мэдээллийг хуудсанд нэмдэг, Тиймээс та тэдгээрийг бага зэрэг ашиглах хэрэгтэй. Жишээлбэл, Та хайлтын нэр томъёог тодруулах эсвэл ишлэлийг хаахын тулд зарлалыг ашиглаж болно. Зарыг бүх гол хөтчүүд дэмждэг.

Арын өнгөний хэв маягаас гадна, та "онцлох"-г ашиглаж болно’ таны HTML баримт бичигт текстийг тодруулахын тулд анги. Арын өнгөний хэв маягийг бүх хөтөч дэмждэг. Та мөн "шар" гэдэг үгийг ашиглаж болно’ өнгөний кодын оронд. Та ижил кодыг ашиглан догол мөр эсвэл текстийн хэсгийг тодруулж болно. Та мөн текстийг тодруулахын тулд CSS ангиудыг ашиглаж болно.

html ашиглан>-мини-хамгийн жагсаалт үүсгэхийн тулд шошго

html>-хаяг нь мини-хамгийн жагсаалт үүсгэхэд ашиглагддаг. Энэ нь харгалзах хаалтын шошгыг агуулсан бөгөөд элементийн нэрийг жижиг үсгээр бичнэ. HTML баримтуудыг UTF-8 тэмдэгтийн кодчилол ашиглан кодчилдог, Юникод тэмдэгт оруулахыг дэмждэг. html ашиглах үед>-шошго, дотор UTF-8 сонгохоо мартуузай “хадгалах” харилцах цонх.

html ашиглан>-HTML хуудсанд мини-хамгийн жагсаалт нэмэх нь хялбар. Та энэ тэмдэглэгээг эрэмблэгдээгүй жагсаалтыг дэмждэг аливаа элементэд ашиглаж болно. Та навигацийн цэсэнд эрэмблэгдээгүй жагсаалтыг ашиглаж болно. dl элемент нь нэр томъёо, тайлбарын хос жагсаалтыг хавсаргасан болно. Захиалгат жагсаалтад байгаа зүйлсийг зүүн талд нь өсгөх тоологчтой харуулна. Жагсаалтын зүйлийн араас өөр элемент байвал dl элементийг орхиж болно.

Мини-хамгийн жагсаалт оруулах өөр нэг арга бол HTML баримт бичигт хөлийн элемент нэмэх явдал юм. Энэ элемент нь хамгийн ойрын хэсгийн агуулгын хөл хэсгийг илэрхийлнэ. Энэ нь ихэвчлэн зохиогчийн тухай мэдээллийг агуулдаг, зохиогчийн эрхийн мэдээлэл, эсвэл холбогдох баримт бичгийн холбоосууд. html ашиглан>-HTML хуудсан дээр мини-хамгийн жагсаалт үүсгэх шошго

html ашиглан>-тусдаа текст блокуудыг тодруулахын тулд шошго

HTML5 нь тусдаа текст блокуудыг тэмдэглэгээгээр тодруулдаг> элемент. Энэ HTML5 шошго нь эх сурвалж дахь агуулгын өнгийг шар эсвэл хар өнгийн тодорхой сүүдэр болгон өөрчилдөг, Уншигчдад чухал текстийг ялгах боломжийг олгодог. Үүнийг бусад текстээс илүү анхаарал хандуулах шаардлагатай агуулгын хэсгүүдийг зааж өгөхөд ашиглаж болно. тэмдэг> элемент нь HTML дэх Global шинж чанарууд болон үйл явдлын шинж чанаруудыг дэмждэг. Зөв хэрэглэх үед, Энэхүү HTML5 шошго нь вэб хуудсыг унших чадварыг сайжруулж чадна.

HTML4 стандарт нь физик хэв маягийн тэмдэгтийн түвшний шошгыг хуучирдаг. Тэд танилцуулгатай харьцдаг, мөн эдгээр зорилгоор CSS ашиглах нь илүү дээр юм. HTML5 нь тэдгээрийг дахин нэвтрүүлсэн. Тэд цаашид хэрэглэхээ больсон, гэхдээ тэдгээр нь тусдаа текст блокуудыг тодруулах цорын ганц арга зам биш хэвээр байна. HTML5 ашиглан текстийн тусдаа блокуудыг тодруулахын тулд CSS ашиглана уу! Энэхүү энгийн арга нь агуулгын хэсэг дэх бие даасан текст блокуудыг тодруулах болно.

Хөвөгч: Та энэ CSS шинж чанарыг ашиглан элементийг агуулж буй элементийн зүүн эсвэл баруун ирмэг рүү хөвөх боломжтой. Үүнийг сүлжээ эсвэл багана үүсгэхэд ашиглаж болно. Та мөн хөтчийн зүүн эсвэл баруун талд iframe эсвэл зургийг хөвөхийн тулд float нэртэй CSS шинж чанарыг ашиглаж болно.. Эдгээр шинж чанарууд нь CSS-ийн тусламжтайгаар тусдаа блокуудыг тодруулахад хялбар болгодог.