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

Вэбсайт үүсгэх нь хэцүү байх албагүй. Энэ нийтлэлд, we’ll walk through the basics of html page creation and how to create a mini-includes list. Дараачийн, Бид html-г хэрхэн ашиглах талаар ярилцах болно>-Текстийг тодруулахын тулд шошго. Эцсийн эцэст, Бид хэдхэн цагийн дотор вэб сайт хэрхэн бүтээхийг танд үзүүлэх болно. Бид бас хэд хэдэн ашигтай техникийг авч үзэх болно.

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

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

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

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

Creating a mini-includes list

Creating a mini-includes section is an effective way to link various elements on the same web page. HTML хуудсыг хэд хэдэн дэд хэсэгт хувааж болно, хэсэг бүр элементийн жагсаалтыг агуулсан. Эдгээр элементүүд нь өөр өөр зорилготой. Та цагаан толгойн дарааллыг харуулахын тулд type шинж чанарыг ашиглаж болно. Та мөн жижиг үсгээр a үсэг бүхий элементүүдийн жагсаалтыг үүсгэж болно, б, эсвэл в.

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

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

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

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

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

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

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

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

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

html ашиглан>-tag to create a mini-includes list

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

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

Мини-хамгийн жагсаалт оруулах өөр нэг арга бол HTML баримт бичигт хөлийн элемент нэмэх явдал юм. Энэ элемент нь хамгийн ойрын хэсгийн агуулгын хөл хэсгийг илэрхийлнэ. Энэ нь ихэвчлэн зохиогчийн тухай мэдээллийг агуулдаг, зохиогчийн эрхийн мэдээлэл, эсвэл холбогдох баримт бичгийн холбоосууд. html ашиглан>-tag to create a mini-includes list on an HTML page

html ашиглан>-tag to highlight individual text blocks

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

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

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