Агуулгын хүснэгт:
- Алхам 1: Програм хангамжийг татаж авах
- Алхам 2: Хаалтуудыг нээнэ үү
- Алхам 3: Шинэ файл үүсгэх
- Алхам 4: Файлыг өөр хэлбэрээр хадгална уу
- Алхам 5: DOCTYPE хаягаар эхэл
- Алхам 6: HTML хаяг
- Алхам 7: Толгой ба биеийн шошго
- Алхам 8: Мета шошго
- Алхам 9: Гарчигийн хаяг
- Алхам 10: P Tag ашиглан параграф нэмэх
- Алхам 11: Үр дүнг харах
- Алхам 12: Форматыг өөрчлөх
- Алхам 13: Нэг/Давхар мөр таслах хаяг
- Алхам 14: Дүгнэлт
Видео: Эхлэгчдэд зориулсан хаалт ашиглан энгийн вэб хуудас хэрхэн үүсгэх вэ: 14 алхам
2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:01
Танилцуулга
Дараах заавар нь хаалт ашиглан вэб хуудас хийх алхам алхмаар зааварчилгааг өгдөг. Хаалт нь вэб хөгжүүлэлтэд гол анхаарлаа хандуулдаг эх код засварлагч юм. Adobe Systems-ийн бүтээсэн бөгөөд энэ нь MIT лицензийн дагуу лицензлэгдсэн үнэгүй, нээлттэй эхийн програм хангамж бөгөөд одоогоор Adobe болон бусад нээлттэй эхийн хөгжүүлэгчдийн GitHub дээр хадгалагдаж байна. Энэ нь JavaScript, HTML болон CSS дээр бичигдсэн болно.
Зааварчилгаа
Тэмдэглэл: - Бүх HTML хаягууд хаалтанд байх ёстой.
Алхам 1: Програм хангамжийг татаж авах
Энэ вэбсайтаас хаалт татаж авах
Алхам 2: Хаалтуудыг нээнэ үү
татаж авсан хаалт програмыг компьютер дээр нээнэ үү.
Алхам 3: Шинэ файл үүсгэх
Хаалтуудыг нээсний дараа цонхны зүүн дээд буланд байгаа файлын дүрс дээр дарж, дараа нь шинэ товчлуур дээр дарахад та "Нэргүй" гэсэн шинэ файлыг харах болно.
Алхам 4: Файлыг өөр хэлбэрээр хадгална уу
"Гарчиггүй" энэ файл дээр хулганы баруун товчийг дараад, өөр хэлбэрээр хадгалах товчийг дараад дискэн дээр хадгалах хэрэгтэй
Энэ үед та файлд ямар ч нэр өгч болно, нэрний ард ".html" (dt html) нэмэх хэрэгтэй.
Алхам 5: DOCTYPE хаягаар эхэл
Html хуудас бүр дараах бүтэцтэй хаягаар эхлэх ёстой бөгөөд энэ нь HTML хуудсыг үзүүлэхдээ хөтөч ямар дүрмийг дагаж мөрдөх ёстойг зааж өгдөг.
Алхам 6: HTML хаяг
ба - эдгээр тэмдэглэгээ нь баримт бичгийг эхлүүлж, дуусгах ёстой.
Алхам 7: Толгой ба биеийн шошго
Html хаягийн хооронд "хөшигний ард" зүйлийг агуулсан бичээрэй. Мөн текст, зураг, видео, аудио гэх мэтийг хаана, хаана бичихээ бичээрэй.
Алхам 8: Мета шошго
Тагуудын хооронд хайлтын системийн нэр томъёо эсвэл тэмдэгтийн кодчилол гэх мэт мэдээллийг хаана өгч байгааг бичнэ үү.
Алхам 9: Гарчигийн хаяг
Тагуудын хооронд, доор, доор бич. Тиймээс, таны хооронд бичсэн бүх зүйлийг хөтчийн цонхны дээд хэсэгт харах болно, энэ тэмдэг нь хайлтын системд чухал ач холбогдолтой юм. Жишээлбэл, би "WRD 204" гэж бичих гэж байна.
Алхам 10: P Tag ашиглан параграф нэмэх
Зураг, аудио, видео, догол мөр гэх мэт вэб хуудсан дээр үзэхийг хүсч буй аливаа мэдээллийг бичих хооронд миний жишээн дээр би догол мөрт зориулж энэ тэмдэглэгээг ашиглан догол мөр бичих болно.
ба.
Алхам 11: Үр дүнг харах
Үр дүнг харахын тулд эхлээд файл дээр хулганы баруун товчийг дараад "хадгалах" дээр дарж баруун дээд буланд байгаа "шууд үзэх" дүрс дээр дарна уу.
Тэмдэглэл: Та хүссэн үедээ өөрчлөлт хийж, үр дүнг нь харахыг хүсч байвал эхлээд файлыг хадгалах ёстой бөгөөд та "Ctrl + S" товчлолыг ашиглаж болно.
Алхам 12: Форматыг өөрчлөх
Хэрэв та текст форматын хэмжээг өөрчлөхийг хүсч байвал хамгийн том гарчиг эсвэл хамгийн жижиг хэсгийг ашиглана уу. Миний жишээнд би үүнийг ашиглах болно.
Алхам 13: Нэг/Давхар мөр таслах хаяг
Хэрэв та догол мөрүүдийн хооронд ганц/давхар мөр таслахыг хүсвэл tag ашиглана уу
Алхам 14: Дүгнэлт
Баяр хүргэе! одоо та өөрийн вэб хуудсыг үүсгэж эхлэх боломжтой.
Хэрэв та HTML хаягийн талаар илүү ихийг мэдэхийг хүсч байвал энэ вэбсайтыг санал болгож байна
Зөвлөмж болгож буй:
Аливаа төсөлд WiFi хяналтыг хэрхэн нэмэх вэ -- ESP32 эхлэгчдэд зориулсан гарын авлага: 5 алхам
Аливаа төсөлд WiFi хяналтыг хэрхэн нэмэх вэ || ESP32 эхлэгчдэд зориулсан гарын авлага: Энэхүү төсөлд ямар ч электроникийн төсөлд WiFi хяналтыг нэмэхийн тулд Arduino IDE -тэй ESP32 ашиглах нь хичнээн хялбар/хэцүү болохыг харуулах болно. Замдаа би ESP32 -ийг ашиглан энгийн WiFi сервер үүсгэх, хэрхэн бүтээхийг үзүүлэх болно
Тамил хэл дээр мултиметрийг хэрхэн ашиглах вэ - Эхлэгчдэд зориулсан гарын авлага - Эхлэгчдэд зориулсан мултиметр: 8 алхам
Тамил хэл дээр мултиметрийг хэрхэн ашиглах вэ | Эхлэгчдэд зориулсан гарын авлага | Эхлэгчдэд зориулсан мультиметр: Сайн байна уу найзуудаа, энэ хичээлээр би мультиметрийг бүх төрлийн электроникийн хэлхээнд 7 өөр үе шаттайгаар хэрхэн ашиглахыг тайлбарласан болно. Үүнд: 1) эвдрэлийг арилгах тоног төхөөрөмжийн тасралтгүй байдлыг шалгах тест 2) тогтмол гүйдлийг хэмжих 3) диод ба LED турших 4) хэмжих Рези
Blogger ашиглан .co.cc ашиглан үнэгүй домэйн (.co.cc) хэрхэн үүсгэх вэ: 8 алхам
Blogger With.co.cc дээр үнэгүй домэйн (.co.cc) хэрхэн үүсгэх вэ: Энэ линк дээр дарна уу > > http://www.co.cc
Эхлэгчдэд зориулсан энгийн LED Flip-Flop: 9 алхам
Эхлэгчдэд зориулсан энгийн LED Flip-Flop: Эхлэгчдэд зориулсан маш энгийн Flip-Flop эргэлт
Nifty Neopixel нэрийн хуудас ба зурагт хуудас: 3 алхам
Гоёмсог неопикселийн нэрийн хуудас ба самбар: Үнэтэй, эмзэг, аюултай тоног төхөөрөмжийн дэргэд байрлуулах шаардлагатай ширээний нэрийн хуудас эсвэл гарын тэмдэг хийх хялбар арга энд байна. Тэмдгийн чухал мессежийг тодруулахын тулд тэдгээрийг Neopixels ашиглан гэрэлтүүлээрэй. Үлгэр, уламжлалт бүтээгдэхүүн үйлдвэрлэгчдэд тохиромжтой