Таны хуудсан дээрх дизайн хэсгүүдийг үүсгэх
Гарчиг нь таны текстийг зохион байгуулах, ашигтай хэлтэс үүсгэх, хайлтын системд зориулсан вэб хуудсыг оновчтой болгох арга юм. Та HTML гарчигийн тэмдэглэгээнүүдийг ашиглан гарчгийг хялбархан үүсгэж болно. Та мөн текстийнхээ харагдах байдлыг тодорч, налуу тэмдэгтээр өөрчилж болно.
Гарчиг
Гарчиг хаягууд нь таны баримтыг хуваах хамгийн энгийн арга юм. Хэрвээ та өөрийн сайтыг сонин гэж үзвэл сонины гарчгуудын толгой гарчигтай юм. Үндсэн гарчиг нь h1 ба дараачийн гарчиг нь h2 through h6 юм.
HTML үүсгэхийн тулд дараах кодуудыг ашиглана уу.
Энэ гарчгийг 1 Энэ гарчгийн 2 Энэ гарчиг 3 Энэ гарчиг 4 5 Энэ нь Толгой 6 юм Сануулах зөвлөмжүүд
- Гарчигийг логик дарааллаар хадгалахыг хичээ, h1 өмнө ирдэг, h2 өмнө ирдэг, гэх мэт.
- Гарчиг нь хэрхэн харагддаг талаар хэтэрхий санаа зовох хэрэггүй бөгөөд та гарчигтай гарчиг ашиглахын оронд CSS загварын хэв маягт ашиглах хэрэгтэй.
- Толгойн хаягууд нь блок-түвшний элементүүд бөгөөд тэдгээр нь танд зориулж таслалаар хийгдсэн. Шошго гарчигт P тагийг бүү тавь.
Болд ба Italic
Энэ гарчиг 3 Энэ гарчиг 4 5 Энэ нь Толгой 6 юм Сануулах зөвлөмжүүд
- Гарчигийг логик дарааллаар хадгалахыг хичээ, h1 өмнө ирдэг, h2 өмнө ирдэг, гэх мэт.
- Гарчиг нь хэрхэн харагддаг талаар хэтэрхий санаа зовох хэрэггүй бөгөөд та гарчигтай гарчиг ашиглахын оронд CSS загварын хэв маягт ашиглах хэрэгтэй.
- Толгойн хаягууд нь блок-түвшний элементүүд бөгөөд тэдгээр нь танд зориулж таслалаар хийгдсэн. Шошго гарчигт P тагийг бүү тавь.
Болд ба Italic
5 Энэ нь Толгой 6 юм Сануулах зөвлөмжүүд
- Гарчигийг логик дарааллаар хадгалахыг хичээ, h1 өмнө ирдэг, h2 өмнө ирдэг, гэх мэт.
- Гарчиг нь хэрхэн харагддаг талаар хэтэрхий санаа зовох хэрэггүй бөгөөд та гарчигтай гарчиг ашиглахын оронд CSS загварын хэв маягт ашиглах хэрэгтэй.
- Толгойн хаягууд нь блок-түвшний элементүүд бөгөөд тэдгээр нь танд зориулж таслалаар хийгдсэн. Шошго гарчигт P тагийг бүү тавь.
Болд ба Italic
Сануулах зөвлөмжүүд
- Гарчигийг логик дарааллаар хадгалахыг хичээ, h1 өмнө ирдэг, h2 өмнө ирдэг, гэх мэт.
- Гарчиг нь хэрхэн харагддаг талаар хэтэрхий санаа зовох хэрэггүй бөгөөд та гарчигтай гарчиг ашиглахын оронд CSS загварын хэв маягт ашиглах хэрэгтэй.
- Толгойн хаягууд нь блок-түвшний элементүүд бөгөөд тэдгээр нь танд зориулж таслалаар хийгдсэн. Шошго гарчигт P тагийг бүү тавь.
Болд ба Italic
Товч, налуутай дөрвөн тэмдэгтийг ашиглаж болно:
- ба тод харагдана
- ба налуугаар бичнэ
Таны хэрэглэж байгаа зүйл ч хамаагүй. Зарим нь ба -ийг илүүд үздэг боловч олон хүн "bold" болон налууг санахад хялбар байдаг.
Зөвхөн текстээ нээх, хаах тагуудаар текстийг зорчихдоо зоримог эсвэл налууг текст болгохын тулд :
bold italicТа эдгээр шошгуудыг үүрэх боломжтой (энэ нь та зоримог болон налуу хэлбэрийн текстийг үүсгэж чадна гэсэн үг) бөгөөд энэ нь гаднах эсвэл дотоод хаяг биш юм.
Жишээлбэл:
Энэ текст тод байна
Энэ текст тод байнаЭнэ текстийг налуугаар бичсэн байна
Энэ текст нь налуугЭнэ текст нь тод, налуу хэлбэртэй байна
Энэ текст нь зоримог болон налууд юмЯагаад хоёр багцаар тодруулсан, налуу зураастай байна вэ?
HTML4-д ба таагууд нь текстийн харагдах байдалд нөлөөлсөн загварын хаягууд гэж үзэн хаягны агуулгын талаар юу ч хэлээгүй бөгөөд тэдгээрийг ашиглахад муу хэлбэр гэж үзсэн болно. Дараа нь, HTML5-т текстийн харагдах байдлаас гадна тэдгээрийн утгыг өгсөн.
HTML5 дээрх эдгээр хаягууд нь тодорхой утгатай байна:
- нь хүрээлэн буй текстээс илүү чухал биш текстийг харуулдаг. Гэхдээ typographic ердийн зүйл бол тод текст, жишээ нь баримтын хийсвэр эсвэл бүтээгдэхүүний нэрсийг түлхүүр үгээр хэлнэ.
- нь хүрээлэн буй текстээс илүү чухал биш текстийг харуулдаг боловч хэвлэлийн байршлын танилцуулга нь налуу хэллэг юм. Жишээ нь ном гарчиг, техникийн нэр томъёо, хэллэг гэх мэт.
- хүрээлэл тексттэй харьцуулахад чухал ач холбогдолтой текстийг агуулдаг.
- нь текстийг хүрээлсэн тексттэй харьцуулахад онцлох стресстэй текстийг заана.