Bir html belgesinin yapısında bir gövde etiketi vardır. HTML dili kuralları

Her HTML belgesi etiketiyle başlamalıdır < HTML> ve etiketiyle bitirin HTML> . Bu etiketler, aralarındaki satırların tek bir HTML belgesini temsil ettiğini gösterir. Ek olarak, bir HTML dosyasının bir bütün olarak HTML dilinin bir öğesi olduğunu görebilirsiniz.

Ayrıca HTML belgesi HEAD (belge bilgisi) ve BODY (belge gövdesi) öğelerini içermelidir.

Belge BölümüKAFA

Bir belgenin HEAD bölümü, belgenin başlığını tanımlar ve ayrıca tarayıcı için belge hakkında ek bilgiler içerir. Bu bölüm isteğe bağlıdır, ancak iyi yazılmış bir başlık oldukça yararlı olabileceğinden, HTML belgelerinizde her zaman bu bölümü kullanmanız önerilir.

Başlık bölümü etiketiyle başlar < KAFA> ve hemen etiketi takip eder . HEAD öğesinin açılış ve kapanış etiketleri arasında başka başlık öğeleri bulunur.

Belge başlığı başlığı

Bir HTML belgesine ad vermek için etiket: < BAŞLIK> . Bu ad tarayıcı penceresi başlığında görüntülenecektir. Başlık etiketlerin arasına yazılır Ve ve bir metin satırıdır. Bu satırın uzunluğu herhangi bir olabilir ancak 60 karakterden fazla olmaması önerilir. TITLE öğesi yalnızca HEAD bölümünde görünmelidir.

Belge BölümüVÜCUT

Belgenin bu bölümü tarayıcı penceresinde görüntülenen bilgileri içerir. BODY bölümü etiketiyle başlamalıdır < VÜCUT> ve etiketiyle bitirin VÜCUT> , bunların arasında belgenin içeriğini oluşturan HTML öğeleri bulunur.

Ürün ÖzellikleriVÜCUT

Etiket belgenin görünümünü belirleyen bir takım niteliklere sahiptir. Aşağıda etiket özellikleri verilmiştir .

TEXT = "metin rengi"

BGCOLOR="arka plan rengi"

BACKGROUND = "arka plan resminin adresi"

TEXT özelliği, belgenin tamamı için yazı tipi rengini RGB veya karakter gösteriminde belirtir. Varsayılan olarak (bu özellik belirtilmemişse), tarayıcı ayarları kullanılır.

BGCOLOR özelliği, belge tarayıcı penceresinin arka plan rengini RGB veya karakter gösterimi cinsinden belirtir. Tarayıcı ayarları varsayılan olarak kullanılır.

BACKGROUND özelliği, arka plan olarak kullanılan resmin adresini ve adını belirtmenize olanak tanır. Bu çizim belgenin arka planında çoğaltılacak ve dağıtılacaktır.

LINK, VLINK ve ALINK nitelikleri, köprülerin renklerini RGB veya sembolik gösterimde belirtir. Tarayıcı ayarları varsayılan olarak kullanılır. Ziyaret edilmemiş köprü, henüz başka bir belgeye gitmek için kullanılmamış bir köprüdür. Ziyaret edilen köprü, başka bir belgeye gitmek için zaten kullanılmış olan bir köprüdür. Etkin köprü – o anda gidilen belgeye giden köprü.

BODY etiketi niteliklerini kullanmaya ilişkin ipuçları

 BODY etiketinde en az bir renk belirtirseniz diğerlerini de belirtin. Bunun nedeni, kullanıcının tarayıcısının renk ayarlarını kendisine daha uygun olacak şekilde ayarlayabilmesidir. Yalnızca bir rengin belirtilmesi, bazı kullanıcılar için metnin arka plan rengine karışmasıyla sonuçlanabilir. Sonuç olarak belgeyi görüntülemek zor olacaktır.

 Metin rengini, arka plan rengiyle veya görüntünün ana renkleriyle "çalışacak" şekilde seçin. Örneğin yeşil üzerine kırmızı önemli sayıda insan için ciddi sorunlara neden olabiliyor.

 BODY öğesinde hem BGCOLOR hem de BACKGROUND belirtilebilir. Bu durumda tarayıcı BACKGROUND'u tercih eder ancak arka plan resmi yüklenemezse BGCOLOR kullanılacaktır. Bu nedenle, belgenin renk dengesini bozmamak için arka plan rengini arka plan görselinin rengine benzer olacak şekilde ayarlamaya çalışın.

Merhaba! Bir HTML belgesinin yapısının oluşumuna ZATEN aşina iseniz, bu derste yararlı hiçbir şey BULAMAZSINIZ. Bilmeyenler için, WordPress sitesi de dahil olmak üzere bir HTML web belgesinin doğru (geçerli) yapısını göstereceğim.

Bir HTML belgesinin genel doğru yapısı

Öncelikle çok fazla girişe gerek kalmadan herhangi bir HTML belgesinin genel yapısı şu şekilde olmalıdır:

/*Geçerli DTD belge türünü belirtir*/ /*Belgenin başlangıcını gösterir*/ /*Başlığın başlangıcını gösterir (başlık)*/ Ölçek/*Başlığı gösterir*//*Başlığın başlangıcını gösterir*/ /*Belgenin ana bölümünün (gövde) başlangıcını gösterir*/ /*Belgenin içeriği*//*Belgenin ana metninin sonunu gösterir*//*Belgenin sonunu gösterir*/

Her etiketten sonra gösterdiğim açıklamaları kaldırırsanız HTML belgesinin basit yapısı şu şekilde görünür:

Ölçek

Geçerli DTD belge türü

Geçerli belge türü ( Belge Türü Tanımı, DTD) tarayıcının mevcut web sayfasını nasıl yorumlayacağını anlaması için gereklidir, çünkü HTML dili çeşitli versiyonlarda mevcuttur.

Ayrıca HTML dışında XHTML gibi başka işaretleme dilleri de vardır.

Not: XHTML, genişletilmiş bir köprü metni biçimlendirme dili olarak çevirdiğimiz Genişletilebilir Köprü Metni İşaretleme Dilidir.

XHTML, HTML'ye benzer, ancak sözdizimi farklıdır. Tarayıcının diller arasında karışmasını önlemek için kodun ilk satırında göstermeniz gerekiyor, mevcut belgenin türü DOCTYPE'tır.

HTML'de etiket kavramı

Bir HTML belgesinin tüm yapısının belirli etiketlerle (köşeli parantez içine alınmış belirli kelimelerle) belirtildiğini fark ettiniz mi?

Bir HTML belgesinde köşeli parantez içindeki kelimeye etiket denir. Her etiketin, işaretleme kurallarıyla belirlenen kendi anlamı vardır.

  • Etiket, html belgesinin başlığı anlamına gelir. Başlık etiketleri tarayıcılar ve arama motorları için bilgi depolar. Meta etiketler şeklinde dahil olmak üzere;
  • Etiket, html belgesinin ana içeriği anlamına gelir. Yani metin, resimler, Java Script komut dosyaları vb.;
  • [p] etiketi bir blok elemanıdır ve her zaman yeni bir satırda başlar. Bir html belgesinin ana içerik paragrafı anlamına gelir.

Önemli! Tüm HTML işaretleme etiketlerinin eşleştirilmesi gerekir. Yani açılış etiketi<тег>, eğik çizgi içeren bir kapatma etiketiyle kapatılmalıdır .

Başlık ve alt başlık etiketleri h1-h6

Belge metninin yapısını iyileştirmek ve web sayfalarının SEO'sunu iyileştirmek için ek gövde içeriği etiketleri vardır. Toplamda 6 adet olmak üzere h1'den h6'ya kadar başlık ve alt başlık etiketleri olarak adlandırılırlar.

Bunlar, metnin anlamsal bölümlerini vurgulamanıza ve her bölüme kendi başlığını vererek metni anlamsal bölümlere ayırmanıza olanak tanıyan [p]-paragraf etiketlerine benzer.

Etiketler h1h6 Bir alt bağımlılığa sahipseniz, bu bağlılığın alt düzeyi bir paragraftır.

Etiketlerin ikincil bağımlılığının kırılmasına dikkat etmek önemlidir. h1h6P belgenin görüntülenmesini ve geçerliliğini bozmaz, ancak yalnızca arama motorları için optimizasyonunu kötüleştirir.

Geliştirilmiş bir HTML belge yapısına bir örnek

Size daha gelişmiş bir HTML belge yapısının akademik bir örneğini vereyim:

Ölçek

Ana başlık

Ana başlık

İlk altyazı

Ana başlık

İkinci alt başlık

İlk küçük alt başlık

HTML 5 yapısı

HTML 5'te belge yapısı şu şekilde olmalıdır:

Bu, şunu gösteren bir deklarasyondur: bu belgenin HTML5'te olduğunu;

bu, HTML sayfasının kök öğesidir;

Belgeyle ilgili meta etiketler içeren bir öğe;

Bu öğe belgenin başlığını tanımlar;</p> <p><body>Bu öğe sayfanın görünür içeriğini içerir;</p> <p><h1>Öğe büyük bir başlığı tanımlar</p> <p><p>Öğe bir paragrafı tanımlar.</p> <p>H2 - h6 etiketleri html5'te çalışır</p> <p><i>Tüm etiketler çifttir. Başlangıç ​​etiketine açılış etiketi, bitiş etiketine ise kapanış etiketi denir.</i></p> <h2>Bir WordPress sitesinde HTML işaretlemesi</h2> <p>WordPress betiğinin PHP ile yazılmış olmasına rağmen, tüm site dosyalarında veya daha doğrusu sitenin çalışma şablonunun tüm dosyalarında html işaretlemesi bulunur. Şablonun head.php dosyasındaki örneğe bakalım <b>Yirmi Onyedi</b>:</p><p> <?php ?><!DOCTYPE html> <html <?php language_attributes(); ?>class = "no-js no-svg"> <head> <meta charset="<?php bloginfo("charset"); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="page" class="site"> <?php _e("Skip to content", "twentyseventeen"); ?> <header id="masthead" class="site-header" role="banner"> <?php get_template_part("template-parts/header/header", "image"); ?> <?php if (has_nav_menu("top")) : ?> <div class="navigation-top"> <div class="wrap"> <?php get_template_part("template-parts/navigation/navigation", "top"); ?> </div><!-- .wrap --> </div><!-- .navigation-top --> <?php endif; ?> </header><!-- #masthead --> <?php if ((is_single() || (is_page() && ! twentyseventeen_is_frontpage())) && has_post_thumbnail(get_queried_object_id())) : echo "<div class="single-featured-image-header">"; echo get_the_post_thumbnail(get_queried_object_id(), "yirmi yedi özellikli resim"); echo "</div><!-- .single-featured-image-header -->";endif; ?> <div class="site-content-contain"> <div id="content" class="site-content"> </p><p>Tüm WordPress işlevlerinin klasik HTML işaretlemesine yerleştirilip yerleştirilmediğini görebilirsiniz. Bir belge türü vardır:<!DOCTYPE html></p> <p>Eşleştirilmiş etiketler,</p> <p>Açılış etiketi.</p> <p>Kapanış etiketi footer.php dosyasında bulunabilir.</p> <h2>Bir WordPress site sayfasının HTML kodunu nasıl görüntüleyebilirim?</h2> <p>Site düzenleyicide yazdıklarınız, makaleler veya sayfalar oluşturduğunuz sitenin HTML sayfasının yalnızca bir parçasıdır. Bu sayfanın tamamı bile değil.</p> <p>Bir WordPress site sayfasının HTML kodunu görüntülemek için ve buna çok sık ihtiyaç duyulur, şunlara ihtiyacınız vardır:</p> <p>Sayfayı tarayıcıda açın;</p> <p>İngilizce klavye yazı tipine geçin;</p> <p>Aşağıdaki düğmelere basın:</p> <ul><li>Krom: Ctrl+U</li> <li>Opera: Ctrl+U</li> <li>Mozilla: Ctrl+U</li> </ul><p>Belki buna neden ihtiyaç duyulduğunu henüz bilmiyorsunuz. İnanın bana, sitenizi ve muhtemelen rakiplerinizin sitelerini analiz etmek için buna birden fazla kez ihtiyacınız olacak.</p> <h2>Çözüm</h2> <p>Sonuç olarak bir sonuç çıkarmak istedim ama aklıma gelen tek şey makalenin tamamen yeni başlayanlar için olduğu ortaya çıktı. İlk bakışta makale kodu örneği ile gerçek sitelerdeki örnekler arasında büyük bir fark var. Ancak tüm dosyalar aynı HTML belge yapısına sahiptir ve siteyle çalışırken bu yapıyı ihlal etmemek son derece önemlidir.</p> <p>İyi günler, okuyucular ve blogun konukları. Hiper metin biçimlendirme dili html'nin temellerini öğrenmede mütevazi yardımcınız olarak yeniden yanınızdayım. Bu yazımda web sitesi sayfalarının yapılandırılması konusuna değinmek ve dilin ana etiketlerini sizlere daha yakından tanıtmak istiyorum.</p> <p>Web sitesi yapısı html konusu en önemli konulardan biridir ve web sitesi oluşturmanın temelidir; ustalaştıktan sonra sayfalarınız ve web siteleriniz için kolayca bireysel bir tasarım oluşturabilirsiniz. Konuyla ilgili ayrıntılı bir çalışma için makale yalnızca teorik materyal değil, aynı zamanda blog oluşturmanın belirli bir örneğini de sunuyor. Artık öğrenmeye başlama zamanı!</p> <h2>Korkunç görünüyor, programlanması kolay</h2> <p>Özellikle huzursuz olanlar için girişe bir örnekle başlayacağım. Aşağıda bu makale için özel olarak yazdığım basit bir program kodu bulunmaktadır. Merak etme. Her adıma ayrıntılı bir açıklama verilecektir.</p> <table><tr><td class="line_numbers"> 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 </td><td class="code"> <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>Sayfam

Madde 1

İşte ilk makalenin metni.

makale 2

İşte ikinci makalenin metni.

Bu blog makalesinin yazarı

Sayfam

Html kullanarak site yapısı oluşturma

  • Temel köprü metni biçimlendirme dili etiketleri
  • HTML 5 ile gelen yeni etiketler
  • Sayfa yapılandırma örneği
  • Madde 1

    İşte ilk makalenin metni.

    makale 2

    İşte ikinci makalenin metni.

    Bu blog makalesinin yazarı

    Bu kod, bir başlık, bir menü, bir içerik paneli (içerik) ve bir kenar çubuğu (kenar çubuğu) ile bir "alt bilgi" (alt bilgi) içeren bir ana panele (düzen) bölünmüş bir blog sayfası oluşturur. ).

    Bilgilendirmeye ilk satırdan başlayalım.

    asıl görevi web belgesinin türünü belirtmek olan bir dil öğesidir. Bu şekilde tarayıcı, sayfanın hangi standartta görüntülenmesi gerektiğini belirler, çünkü günümüzde html'nin birkaç sürümü bulunmaktadır.

    Ancak dilin yeni bir birimine dikkat etmekte fayda var. stil. İsminden de tahmin edebileceğiniz gibi bu etiket, stili belirler ve sayfadaki nesnelerin düzenini ayarlar.

    Mantıksal olarak şu sorunun hemen kafanızda ortaya çıktığını varsayabilirim: “Programın bu bölümünde ne tür anlaşılmaz bir kod var? Hiç HTML’ye benzemiyor!” Ve cevap şudur: stil etiketine yazılan html değil, css kodudur. Daha önce de belirtildiği gibi bu, web sitelerinin görünümünü biçimlendirmeye yönelik bir araçtır.

    Bölüm biçimlendirme dili blok etiketlerini ifade eder. Daha fazla modifikasyon amacıyla belirli parçaları izole etmek için kullanılır.

    Bloklar basamaklı stil sayfaları kullanılarak yönetilir; css dili. Örnek web sayfasında sınıf öznitelikleri kullanılarak stillendirilmiş üç blok bulunmaktadır.

    Böylece kod şunları içerir:

    • düzen – sayfanın ana kısmından sorumlu blok,
    • kenar çubuğu – kenar çubuğu (genellikle gezinme için oluşturulur),
    • içerik – blog gönderilerinin bulunduğu blok.

    Kenar çubuğu sınıf tanımının olduğu öğede, öğeleri kullanarak sırasız bir liste tanımlıyorum

      Ve
    • . Stil sınıfı içeriğine sahip bir blokta – başlık etiketleri

      ve paragraf

      Şimdi bloğa daha yakından bakalım

      .

      HTML mi yoksa hala HTML 5 mi? Nasıl tanınır?

      Düzen stili sınıfına sahip bir div'de diğer blokların yanı sıra üstbilgi, menü ve altbilgi gibi etiketler de bulunur. Örnekteki diğer öğelerden farklı olarak bunlar HTML 5 platformuna özeldir.

      Bu nedenle başlık, hiper metin biçimlendirme dilinin bir öğesidir ve genellikle başlığın eklendiği site sayfalarının veya bölümlerinin başlığını oluşturur. Internet Explorer tarayıcısının sürüm 8'e kadar olan başlığı desteklemediğini, ancak içeriğini görüntülediğini belirtmekte fayda var.

      Menü etiketinin asıl amacı menü öğelerini görüntülemektir. Numaralı ve numarasız listeler oluşturmaya yönelik öğelere benzer şekilde, menü taşıyıcısının içinde her içerik öğesi eşleştirilmiş bir etikete dahil edilir

    • .

      Ve son olarak altbilgi dil birimi. Web geliştirici jargonunda buna bazen sayfanın "altbilgisi" denir. Bu etiket sayfanın veya bölümlerin alt kısmında bulunur. Altbilgi genellikle belirli bir kaynağın yazarlığı, belgenin oluşturulma tarihi, arka plan bilgileri veya web kaynağının okuyucularının özel ilgisini gerektirmeyen diğer materyaller hakkında bilgiler içerir.

      Web kaynakları oluşturmaya yönelik araçlar

      İnternet sayfalarını geliştirmek için birçok yazılım ürünü oluşturulmuştur. Geleneksel olarak basit editör programları ve profesyonel odaklı yazılım ürünleri olarak ikiye ayrılabilirler.

      • 1. HTML belgeleri yapısal belgelerdir.
      • 2. Elemanların adları her durumda yazılabilir.
      • 3. Özellik adları her durumda yazılabilir.
      • 4. Nitelik değerleri büyük/küçük harfe, özellikle de adreslere bağlıdır (Unix işletim sistemlerinin bir özelliği, farklı kayıtlardaki karakterlerin farklı yorumlanmasıdır, dolayısıyla dosyalar

      resim .gif ve resim.GIF farklıdır!).

      • 5. Öğe adları boşluk içeremez.
      • 6. Özellik değerleri boşluk içeriyorsa tırnak içinde olmalıdır.
      • 7. Fazladan boşluklar, sekmeler ve satırbaşları göz ardı edilir ve tek bir boşluğa sıkıştırılır.
      • 8. Elemanlar iç içe yerleştirilebilir. Bu durumda iç içe geçme kuralına uyulmalıdır. Yuvalanan elemanın içinde açılış etiketinin yanı sıra bir kapanış etiketi de bulunmalıdır. Kavşaklar yanlış:

      HTML Belge Yapısı

      9. Tanıdık olmayan öğeler ve nitelikler tarayıcılar tarafından göz ardı edilir ("hata toleransı").

      Çoğu belgede başlık, paragraf veya liste gibi standart öğeler bulunur. HTML etiketlerini kullanarak, bu öğeleri belirleyebilir, web tarayıcılarına bu öğeleri görüntülemek için minimum bilgiyi sağlarken, genel olarak belgelerin genel yapısını ve bilgisel bütünlüğünü koruyabilirsiniz. Bir HTML belgesini okumak için gereken tek şey, HTML etiketlerini yorumlayan ve belgeyi yazarın amaçladığı şekilde görüntüleyen bir web tarayıcısıdır.

      Bir web tarayıcısı bir belge aldığında belgenin nasıl yorumlanması gerektiğini belirler. Belgede görünen ilk etiket, etiket olmalıdır . Bu etiket, web tarayıcısına belgenin HTML kullanılarak yazıldığını bildirir.

      HTML'deki yorumlar. Herhangi bir dil gibi, HTML de bir belgenin gövdesine, belge ağ üzerinden aktarıldığında kaydedilen ancak tarayıcı tarafından görüntülenmeyen yorumlar eklemenize olanak tanır. Çoğu zaman, belirli etiketler veya sözdizimsel yapıların tamamı, tarayıcıların eski sürümlerinden gelen ve bunları işleyemeyen yorumlarda "gizlenir". Yorumlar bir belgenin herhangi bir yerinde ve herhangi bir miktarda görünebilir. Yorumların belgenin boyutunu ve dolayısıyla yükleme süresini artırdığı unutulmamalıdır.

      Belgenin genel başlık kısmı. Belge başlığı etiketi, etiketten hemen sonra kullanılmalıdır. ve belgenin gövdesinde başka hiçbir yerde. Bu etiket belgenin genel açıklamasını temsil eder. Etiketi başlat etiketin hemen önüne yerleştirilir belgeyi tanımlayan diğer etiketler ve bitiş etiketi</head> belge açıklamasının bitiminden hemen sonra yerleştirilir.</p> <p><b>Belge başlığı.</b>Çoğu web tarayıcısı etiketin içeriğini görüntüler <TITLE>belgeyi içeren pencerenin başlığında ve web tarayıcısı tarafından destekleniyorsa yer imleri dosyasında. Başlık etiketlerle sınırlıdır <TITLE>Ve, etiketlerin içine yerleştirilmiş . Belgenin kendisi pencerede görüntülendiğinde belge başlığı görünmüyor.

      Belge gövde etiketleri. Belge gövdesi etiketleri, bir pencerede görüntülenen HTML belgesinin bileşenlerini tanımlar. Belgenin gövdesi diğer belgelere, metinlere ve diğer biçimlendirilmiş bilgilere bağlantılar içerebilir.

      Belgenin gövdesi. Belgenin gövdesi etiketlerin arasında olmalıdır Ve. Belgenizin metin ve grafik (anlamsal) bilgileri olarak görüntülenen belge kısmıdır.

      Başlık seviyeleri<Нх>. Başlıkların ilk düzeyi (en büyüğü) 1 rakamıyla, sonraki 2 rakamıyla ve 6 rakamına kadar böyle devam eder. Çoğu tarayıcı, her biri kendi stilini tanımlayan altı başlık seviyesinin yorumlanmasını destekler. Çoğu durumda, böyle bir başlığın metni kalın olur ve metinden sonra boş bir satır olur. Bu etiketlerin belgenin mantıksal yapısını belirlemesi ve İnternet arama motorları tarafından indekslenmeye katılması önemlidir. Altıncı düzeyin üzerindeki başlıklar standart değildir ve tarayıcı tarafından desteklenmeyebilir.

      Paragraf etiketi<Р>. İÇİNDEÇoğu kelime işlemcinin aksine, HTML belgesinde satırbaşları dikkate alınmaz. Tarayıcı paragrafları yalnızca bir etiket varsa böler<Р>. Paragrafları etiketle ayırmazsanız<Р>, belge büyük bir paragraf gibi görünecektir.

      Önceden biçimlendirilmiş metin etiketi

      .
       Etiket 
      Metnin ekranda belirli bir biçimlendirmeyle sunulmasına olanak tanır.  Önceden biçimlendirilmiş metin bitiş etiketiyle biter
      . Önceden biçimlendirilmiş metinde şunları kullanabilirsiniz: satır besleme, sekme karakterleri (sekiz karakter sağa kaydırma), tarayıcı tarafından yüklenen orantısız Courier yazı tipi.

      Etiketleri listeleyin. Bir HTML belgesinde üç ana liste türü vardır: numaralı, madde işaretli ve açıklama listesi.

      Farklı liste etiketleri kullanarak veya diğer liste etiketlerini tekrarlayarak iç içe geçmiş listeler oluşturabilirsiniz. Bunu yapmak için, bir çift etiketi (başlangıç ​​ve bitiş) diğerinin içine yerleştirmeniz yeterlidir. İç içe geçmiş liste öğelerinin, liste öğesini belirten aynı işaretçilere sahip olup olmayacağı tarayıcıya bağlıdır.

      Numaralandırılmış listeler. İÇİNDE Numaralandırılmış bir listede, tarayıcı öğe numaralarını otomatik olarak sırayla ekler. Bu, numaralandırılmış bir listeden bir veya daha fazla öğeyi silerseniz, kalan sayıların otomatik olarak yeniden hesaplanacağı anlamına gelir.

        ve etiketiyle bitiyor
    • .

      Madde işaretli listeler. İçin Madde işaretli listelerde, tarayıcı genellikle liste öğesi için madde işaretlerini kullanır. İşaretçinin türü genellikle tarayıcı kullanıcısı tarafından yapılandırılır.

      Numaralandırılmış liste bir başlangıç ​​etiketiyle başlar

        ve etiketiyle bitiyor
      . Her liste öğesi bir etiketle başlar<ы>.

      Yazı tipi biçimlendirmesi. HTML, metin parçalarının yazı tipi seçiminde iki yaklaşıma izin verir. Bir yandan metnin belirli bir bölümündeki yazı tipinin kalın veya italik olması gerektiğini doğrudan belirtebilirsiniz. Metnin fiziksel stilini değiştirin. Öte yandan, bir metin parçasını normal olmayan bir mantıksal stile sahip olarak işaretlemek ve bu stilin yorumunu tarayıcıya bırakmak da mümkündür.

      Bir HTML belgesinin içindeki grafikler. WEB'in en çekici özelliklerinden biri, grafiksel ve diğer veri türlerini bir HTML belgesine dahil edebilme yeteneğidir.

      HTML belgelerinde grafik kullanmanın iki yolu vardır. Birincisi, kullanıcının görüntüleri doğrudan belgenin diğer öğeleri bağlamında görmesine olanak tanıyan grafik görüntülerin belgeye eklenmesidir. Bu, etiketi kullanılarak yapılır . Bu etiket noktalıdır, yani. kapanmıyor. Etiket sözdizimi:

      Gerekli parametre, standart bir URL ile aynı sözdizimine sahiptir. Bu URL tarayıcıya,

      çizim. Çizim, tarayıcı tarafından desteklenen bir grafik formatında saklanmalıdır. Bugün bunlar GIF, JPG, PNG formatlarıdır. Çoğu tarayıcı tarafından desteklenirler.

      ALT = "metin"

      Bu isteğe bağlı öğe, grafikleri desteklemeyen bir tarayıcıda veya görüntü grafikleri devre dışı bırakıldığında görüntülenecek metni belirtir. Genellikle bu, kullanıcının ekranda görebileceği veya görebileceği görüntünün kısa bir açıklamasıdır. Bu parametre eksikse çoğu tarayıcı resim yerine boş bir çerçeve görüntüler. Etiket Kullanıcılar Lynx gibi grafiksel olmayan bir tarayıcı kullanıyorsa ve arama motoru indekslemesi için önerilir. Metin ayrıca, imlecin altındaki sistem ipucu olarak görüntünün üzerinde hareket etmeden fare imlecini bir süre basılı tuttuğunuzda da görünür.

      Çoğu tarayıcı, belgenize banyo fayansları gibi kopyalanacak ve tüm belgenin arka planı olarak görünecek bir arka plan resmi eklemenize izin verir. Bu ikinci yoldur. Bazı kullanıcılar arka plan grafiklerini sever, bazıları sevmez. Göze çarpmayan yarı saydam bir desen (duvar kağıdı) genellikle çoğu belge için arka plan olarak iyi görünür.

      Köprü metni bağlantıları WEB'i kullanıcılar için çekici kılan önemli bir bileşendir. Kullanıcı, hiper metin bağlantıları (bundan sonra bağlantılar olarak anılacaktır) ekleyerek, ihtiyaç duyduğu bilgileri mümkün olduğunca hızlı ve rahat bir şekilde elde etmesini sağlayan belge kümesini birbirine bağlı ve yapılandırılmış hale getirir.

      Bağlantılar, tarayıcının bunları yorumlamasına ve bağlantı türüne bağlı olarak gerekli işlevleri (çağrı yöntemleri) gerçekleştirmesine olanak tanıyan standart bir formata sahiptir. Bağlantılar başka bir belgeye, belgedeki belirli bir konuma işaret edebilir veya dosya isteme gibi diğer işlevleri gerçekleştirebilir. Metin, resim veya her ikisini de köprü olarak kullanabilirsiniz.

      Bir HTML belgesindeki bağlantı yapısı. Tarayıcının bir URL'ye olan bağlantıyı görüntüleyebilmesi için, köprü etiketinin içine metin veya resim yerleştirmeniz gerekir. HTML sözdizimi aşağıdaki gibidir:

      <А HREF="URL">bağlantı olarak-vurgulanacak metin veya resim

      Etiket<А HREF="URL">bağlantının açıklamasını ve etiketini açar– kapatır. Bu iki etiket arasında yer alan herhangi bir metin, web tarayıcısı tarafından özel bir şekilde vurgulanır. Genellikle bu metin altı çizili ve vurgulanmış olarak görünür. Resim dikdörtgen bir çerçeve ile çerçevelenmiştir. URL'yi temsil eden metin tarayıcı tarafından görüntülenmez, yalnızca bağlantı etkinleştirildiğinde (genellikle vurgulanan veya altı çizili metne tıklanarak) amaçlanan eylemleri gerçekleştirmek için kullanılır.

      Belge içindeki etiketlere bağlantılar. Aynı belgenin farklı alanlarına veya bölümlerine, o bölümlere özel gizli etiketler kullanarak bağlantı verebilirsiniz. Bu, ekranı kaydırmadan bir belge içinde bölümden bölüme hızlı bir şekilde geçmenize olanak tanır. Kullanıcı bağlantıya tıkladığı anda, tarayıcı onu belgenin belirtilen bölümüne taşıyacak ve bu bölümün etiketini içeren satır, tarayıcı penceresinin ilk satırına yerleştirilecektir (eğer "uzunluğu" ise) tarayıcı penceresindeki belge yeterlidir).

      Merhaba sevgili blog okuyucuları. Bu yazı ile HTML dilinin temellerini öğrenmeye başlayacağız.

      Muhtemelen zaten İnternet'in ana dilinin olduğunu biliyorsunuzdur. köprü metni biçimlendirme dili HTML (Köprü Metni Biçimlendirme Dili). Bu yazımızda HTML'in temel kavramlarını öğreneceğiz ve basit WEB sayfalarının nasıl oluşturulacağını öğreneceğiz.

      En önemli şeyle başlayalım, nasıl çalıştığına bakalım Dünya Çapında Ağ - İnternet. Web sayfaları oluşturmak için HTML ile yazılmış dosyalar oluşturur ve bunları bir web sunucusuna yerleştirirsiniz. Bundan sonra ister bilgisayar, ister telefon, ister tablet olsun, internet erişimi olan bir cihaza yüklenen herhangi bir tarayıcı, web sayfalarınızı bulabilir.

      Web sunucusu- Bu, internete erişimi olan, özel yazılıma sahip sıradan bir bilgisayardır. Web sayfaları, resimler, ses ve video dosyaları için tarayıcılardan gelen istekleri sürekli olarak dinler. Bu kaynaklardan biri için istek alan sunucu, onu arar ve tarayıcıya gönderir.

      Tarayıcı Internet Explorer gibi web sitelerini görüntülemek için tasarlanmış özel bir programdır. Bir tarayıcı kullanarak, bağlantılara tıklayarak web sitelerine göz atarsınız. Böyle bir tıklama, tarayıcının HTML sayfası için web sunucusuna istekte bulunmasına, bir yanıt almasına ve sayfayı kendi penceresinde görüntülemesine neden olur. Sayfa görüntülendiğinde HTML dili çalışmaya başlar; tarayıcıya web sayfasının yapısı ve içeriği hakkında her şeyi anlatır. Komutları kullanma - Etiketler HTML, tarayıcıya metin paragraflarının nerede başladığını, metnin hangi kısmının başlık olduğunu ve tabloların, hatta resimlerin nereye ekleneceğini söyler. Ve etiketler köşeli parantez içindeki kelimelerdir, örneğin

      ,

      , .

      Acilen bir çevrimiçi mağazaya ihtiyacınız var ancak HTML, CSS, PHP ve diğer teknolojileri öğrenecek zamanınız yok. Daha sonra arama motorları için tam olarak uygulanmış işlevsellik ve optimizasyona sahip bir çevrimiçi mağaza kiralayabilirsiniz.

      HTML dili ve etiketleri

      HTML dilinin ilk versiyonu 1992'de ortaya çıktı. 2013 yılında, HTML'nin 5 numaralı yeni sürümünün spesifikasyonu geliştirilmektedir. Bu spesifikasyonun geliştirilmesi, World Wide Web Konsorsiyumu veya kısaca W3C tarafından yürütülmektedir. W3C organizasyonu diğer Web standartlarını geliştirir. Bu standartlara www.w3.org web sitesinden ulaşabilirsiniz. Bu arada, birçok Web tarayıcısı zaten bazı HTML 5 özelliklerini desteklemektedir.

      Bir örnekle hemen HTML öğrenmeye başlamanızı öneririm. O halde ilk Web sayfamızı oluşturalım. Herhangi bir metin editörü WEB sayfaları oluşturmak için uygundur. İlk önce yerleşik Windows'u kullanmanızı öneririm Not Defteri(genel olarak gelecekte html kodunu düzenlemek için kullanmanızı öneririm). Bulabilirsin: “Başlat->Tüm Programlar->Donatılar->Not Defteri”. Arabalarla ilgili bir sayfa oluşturalım. Yani, Not Defteri'ni açın ve içine aşağıdaki metni yazın:





      Örnek Web Sayfası


      Arabalar hakkında web sitesi.


      Otomotiv sitemize hoş geldiniz. Burada konuyla ilgili birçok ilginç ve faydalı makale bulacaksınız. arabalar. Sitede birçok ithal ve yerli otomobilin açıklamaları yer almaktadır.



      Daha sonra oluşturulan web sayfasını index.html adlı bir dosyaya kaydedin. Bu durumda, dosya kaydetme iletişim kutusunda kodlamayı UTF-8 olarak ayarlamanız ve dosya adını tırnak içine almanız gerekir, aksi takdirde Not Defteri buna txt uzantısını ekleyecektir ve dosyamız index.htm.txt olarak adlandırılacaktır:

      Artık geriye kalan tek şey, oluşturulan dosyayı tarayıcıda açmak ve sonuca bakmak. Bunu yapmak için, Windows ile birlikte gelen Microsoft Internet Explorer tarayıcısını veya bilgisayarınızda yüklü olan herhangi bir tarayıcıyı, index.html dosyasına çift tıklayarak veya dosyayı tarayıcı simgesinin üzerine sürükleyerek kullanabilirsiniz. Açın ve şöyle bir şey görün:

      Böylece, Notepad'de, biraz sıradan olmasa da, zaten büyük bir başlık ve otomatik olarak satırlara bölünen ve kalın harflerle yazılmış bir parça içeren bir metin paragrafı içeren bir Web sayfası oluşturduk.

      Etiket nedir?

      Şimdi sayfa yapısı hakkında daha fazla konuşalım. Fragmana bakalım:

      Arabalar hakkında web sitesi

      . Burada sayfada etiketler içine alınmış başlık olarak görünen metni görüyoruz.

      Ve

      . HTML'de etiket nedir?

      HTML etiketi köşeli parantez içine alınmış sıradan kelimeler ve sembollerdir; örneğin

      ,

      , . Yani etiketle

      açılış etiketidir, etiket

      kapanış etiketi ve aralarındaki metne etiketin içeriği denir. Ayrıca etiketle

      ve etiket

      eşleştirilmiş etiketler denir. Açılış etiketi artı içerik artı kapanış etiketi birlikte bir HTML belge öğesi oluşturur. Ayrıca bir açılış etiketinden oluşan öğeler de vardır:

      Yani eşleştirilmiş etiket

      birinci düzey başlık öğesini tanımlar. Toplamda altı düzey başlık vardır, bunlar öğelerdir

      .

      Öğeler blok veya satır içi (metin) olabilir. Blok Elemanları sayfanın yapısal biçimlendirmesini gerçekleştirin. Blok elemanları her zaman sayfada yeni bir satırda görüntülenir ve bitişik elemanlardan girintilidir. Satır içi öğeler doğrudan metin biçimlendirmesi veya mantıksal biçimlendirme gerçekleştirin. Öğe

      bir blok elemanıdır.

      Benim için hepsi bu kadar!!! Sonraki yazılarda görüşmek üzere!

      
      2024, leally.ru - Bilgisayar ve İnternet dünyasındaki rehberiniz