İrbis tabletini açın. Tablet kapağı nasıl açılır? Döngüleri ve kabloları devre dışı bırakma

Herhangi bir belgenin üç bileşeni vardır:

  • içerik;
  • yapı;
  • tarzı.

Tipik olarak bir belgenin içeriği herhangi bir sırayla sunulmaz, ancak belirli bir sıralamaya sahiptir. yapı . Yapı, bir belgenin parçalarının (bloklarının) bileşimi ve sırasıdır.

Stil belge, içeriğinin belirli bir aygıta (örneğin bir yazıcıya veya ekrana) çıktı biçimini belirler. Stil kavramı, çıktı belgesinin tamamının veya tek tek bloklarının yazı tipinin özelliklerini (ad, boyut, renk), sayfalama sırasını, blokların sayfalardaki konumunu ve diğer parametreleri içerir.

Belge biçimlendirme dilleribir belgenin yapısını ve yapının çeşitli nesneleri arasındaki ilişkileri tanımlamak için tasarlanmış yapay dillerdir. İşaretleme verileri de denir meta veri

İlk işaretleme dili GML dili .Onun yakın varisi SGML dili belge biçimlendirme öğelerinin yazılmasına ilişkin kuralları tanımlayan standart bir genelleştirilmiş biçimlendirme dili.

belge biçimlendirme dili gereksinimleri:

  1. Dilin insan tarafından okunabilir olması gerekir.
  2. İşaretlenmiş belge dosyaları metin olmalı ve kod sembolleri kullanılarak kodlanmalıdır ASCII
  3. Dil, hem iç kaynaklara (aynı belgedeki) hem de dış kaynaklara (diğer belgelerdeki) bağlantıları kullanabilir.

SGML'de ve benzeri diller özel belge işaretleme araçlarını kullanır:

  • belge yapısı;
  • tanımlayıcılar veya öğeler ve bunlarla ilişkili nitelikler;
  • varlıklar;
  • yorumlar.

SGML Dokümanları ağaç yapısına sahiptir.

SGML'deki tanımlayıcılar her birinin başına (açılış tanımlayıcısı) ve sonuna (kapanış tanımlayıcısı) yerleştiriliröğe (öğe).

Öznitellikler bunlar basit sembolik yapılardır (öğeler Tanımlayıcıların etkisini netleştirmek için öğelere eklenenler.

Gibi genel işaretleme dilleri SGML , aşağıdakiler dahil en fazla 15 farklı değer türüyle ilişkilendirilebilecek niteliklerin kullanılmasına izin verir:

  • Belgenin dışındaki, genellikle varlıklar olarak adlandırılan kaynaklara yapılan referanslar ( varlıklar).
  • Benzersiz tanımlayıcı (İD ) belgedeki öğe.
  • Tanımlayıcı işaretçiler ( Kimlik İşaretçileri ), bu öğeler için çapraz referanslara sahip olanİD belgede bahsedilmiştir.
  • Elemanın içeriğindeki gösterimleri tanımlayan işaretleyiciler veya eleman nitelikleri.
  • Karakter verileri ( karakter verileri) veya CDATA , bunlar öznitelik değerleri olarak işlev göremeyen geçerli karakterlerdir.

Yorumlar belgeyi işledikten sonra görünmeyecek bilgileri eklemenize olanak tanır. Yorumlar belge işleme hızını etkilemez ve içeriğin bir parçası olarak değerlendirilmez veya işlenmez. SGML -belge. Bunlar yalnızca kaynak metne dahil edilir.

Bir belgenin belirli bir işaretleme türüne uygunluğunu kontrol etmek için özel programlar kullanılır analizörler (ayrıştırıcılar). Ayrıştırıcılar ya bağımsız programlardır ya da SGML belge işleme programının bir parçasıdır. Ayrıştırıcının belge doğrulaması yapabilmesi için, adı verilen özel bir belge oluşturulur.belge türünü tanımlama

HTML dili bir dil uygulamasıdır SGML kullanmak için internet sabit bir yapıya, sabit bir öğeler (tanımlayıcılar) kümesine ve bunların niteliklerine ve ayrıca sabit bir varlıklar kümesine sahiptir. gelişmiş işaretleme dili XML (Genişletilebilir İşaretleme Dili). XML dili dilin bir alt kümesidir SGML , onunla tamamen uyumludur.

XML, XML'de bulunmayan geniş bir işlevsellik yelpazesi sağlar. HTML

4 . 3 .2. HTML sürümleri ve uzantıları XML

İlk versiyon köprü metni biçimlendirme dili HTML (HyperText Markup Language) tıpkı Web teknolojisi gibi 1991 yılında Tim Berners Lee tarafından geliştirilmiştir. HTML diliadlandırılmış bir belge türü için SGML dil kurallarının bir uygulamasıdır belgeler HTML. Dil, sabit bir yapıyı, sabit bir etiket kümesini ve bunların niteliklerini ve sabit bir varlık kümesini belirtir. HTML belge işleme programlarına Web denir-tarayıcılar . Belge işlemenin sonucu Web'dir-sayfa , görüntü ekranında görüntülenir.

1994 yılında İnternet Destek Grubu IETF (İnternet Mühendisliği Görev Gücü) İnternette HTML'nin yaygın kullanımını başlatan HTML 2.0 spesifikasyonunu geliştirdi internet . Aynı yıl, 165 ticari ve akademik kuruluşu, geliştiriciyi ve kullanıcıyı birleştiren W3C (World Wide Web Corporation) konsorsiyumu oluşturuldu (kuruluşundan günümüze kadar bu kuruluşa T.B. Lee başkanlık etmiştir). HTML spesifikasyonunun en son sürümü olan HTML 4.01, konsorsiyum tarafından Aralık 1999'da kabul edildi.

  • XML, HTML'de eksik olan geniş bir işlevsellik yelpazesi sağlar

XML dili spesifikasyonunun en son sürümü olan XML 1.1, Nisan 2004'te kabul edildi.

XML diline dayanarak, W3C endişesi dilin daha da geliştirilmesini geliştirdi HTML XHTML dili (Genişletilmiş HTML genişletilmiş HTML). Bu dilin ilk sürümü olan XHTML 1.0 Ocak 2000'de kabul edildi. Bu sürüm aslında HTML 4'ün XML 1.0 uygulaması olarak yeniden formüle edilmiş halidir. HTML dilinin daha da geliştirilmesinin XHTML spesifikasyonlarına uygun olarak gerçekleştirilmesi beklenmektedir.

XHTML'nin yeni bir sürümü olan XHTML 1.1, Mayıs 2001'de W3C tarafından kabul edildi. Bu öneri, yeni bir modül tabanlı XHTML belge türünü tanımlar. Her XHTML 1.1 modülü bir veya daha fazla HTML dili öğesi ve/veya niteliği içerir.

Şartnameye göre belgeler XHTML 1.1 aşağıdaki modül gruplarından oluşur XHTML'de:

Çekirdek modüller, XHTML spesifikasyonuna uygun herhangi bir belge türünde bulunması gereken modüllerdir (bu grup modülleri içerir). Yapı, Metin, Köprü Metni ve Liste).

Uygulama modülü tek bir öğe içeren< applet > (bu öğe kullanımdan kaldırıldı ve bunun yerine öğenin kullanılması önerilir)< object > ).

Çeşitli ek metin işaretleme modüllerini tanımlayan metin uzantısı modülleri (bu grup modülleri içerir) Sunum, Düzenleme ve Çift Yönlü Metin).

Form modülleri (bu grup modülleri içerir Temel Formlar ve Formlar).

Tablo modülleri (bu grup modülleri içerir Temel Tablolar ve Tablolar).

Görüntü modülü , temel görüntü yerleştirme yeteneklerini sağlar (bu modül, bazı uygulamalarda istemci görüntü kartlarıyla bağımsız olarak da kullanılabilir).

İstemci tarafı Görüntü Eşleme modülü istemci görüntü haritaları için öğeler sağlayan (bu modülün çalışması için modülün etkinleştirilmesi gerekir) Resim).

Nesne modülü genel amaçlı nesnelerin dahil edilmesi için destek sağlar.

Çerçeveler modülü çerçevelerle ilgili öğeleri sağlayan.

URL (bu öğe, göreli belge URL'lerini hesaplar).

İsim Tanımlama Modülü , HTML belgelerindeki belirli öğeleri tanımlamak için kullanılır.

Eski modül , HTML ve XHTML'nin önceki sürümlerinde artık önerilmeyen ve önerilmeyen öğeleri ve nitelikleri tanımlar.

4. 3 .3. HTML ve XHTML yapılarının türleri

Spesifikasyona göre HTML Belgeler için 4.01 HTML üç yapıyı tanımlar , üç DTD tarafından tanımlanır. Geliştiriciler-sayfalar belgelerinde üç tür bildirimden birini içermelidir. DTD'ler arasındaki fark, destekledikleri öğelerde yatmaktadır. Duyuru DTD belgenin en başına yerleştirilmelidir.

HTML 4.01 Katı DTD (katı tanım) iptal edilmeyen tüm öğeleri ve nitelikleri içerir ( kullanımdan kaldırıldı ) ve çerçeveli belgelerde kullanılmaz.

HTML 4.0 Geçişli DTD Tanımı (geçiş tanımı) katı kurallarda yer alan tüm unsurları içerir DTD iptal edilen öğeler ve niteliklerin yanı sıra.

HTML 4.0 Çerçeve Kümesi DTD Tanımı (çerçevelerin tanımı), geçiş DTD'sinin öğelerine ek olarak çerçeveleri içerir.

Belgenin ilk satırı HTML , spesifikasyona uygun olarak tanımlanmış XHTML

Bu satır kullanılacak sürümü belirtir XML ve belge karakter kodlaması. Karakterleri kodlarken XML çift ​​baytlı kod kullanılıyor Unicode . Parametre değerleri olarak kodlama en sık kullanılan kodlamalar UTF-8 İlk 128 karakterin değerlerinin bir baytlık kodlamayla temsil edildiği, en yaygın dillerin karakterleri (Rusça ve Ukraynaca dahil) iki baytla, geri kalan karakterler ise üç baytla temsil edilir. Kodlanmış UTF-16 tüm karakterler iki baytla temsil edilir (bu kodlamalar Rusça ve Ukraynaca belgeler için önerilir) HTML'de).

İşaretleme dilleri

İşaretleme dili(metin) bilgisayar terminolojisinde, metnin çıktısı veya yapısı hakkında bilgi iletmek için metne eklenen bir dizi karakter veya dizi. Bilgisayar dilleri sınıfına aittir. İşaretleme dili kullanılarak yazılan bir metin belgesi yalnızca metnin kendisini (bir dizi kelime ve noktalama işareti olarak) değil, aynı zamanda çeşitli bölümleri hakkında ek bilgileri de içerir - örneğin başlıkların, vurguların, listelerin vb. bir göstergesi. daha karmaşık Bazı durumlarda işaretleme dili, diğer belgelerdeki etkileşimli öğeleri ve içeriği bir belgeye eklemenize olanak tanır.

İşaretleme dilinin Turing eksik olduğunu ve kesin olarak öyle olmasına rağmen genel olarak bir programlama dili olarak kabul edilmediğini belirtmek gerekir.

HTML (İngilizce'den) Köprü Metni İşaretleme Dili-- "köprü metni biçimlendirme dili") - İngiliz bilim adamı Tim Berners-Lee tarafından 1986-1991 civarında Cenevre'deki (İsviçre) Avrupa Nükleer Araştırma Merkezi'nde geliştirildi. HTML, bilimsel ve teknik belgelerin alışverişi için, düzen alanında uzman olmayan kişilerin kullanımına uygun bir dil olarak oluşturulmuştur. HTML, tanımlayıcılar adı verilen küçük bir dizi yapısal ve anlamsal öğeyi tanımlayarak SGML'nin karmaşıklığının üstesinden başarıyla geldi. Tanımlayıcılara sıklıkla "etiketler" de denir. HTML'yi kullanarak kolayca nispeten basit ama güzel tasarlanmış bir belge oluşturabilirsiniz. Belge yapısının basitleştirilmesinin yanı sıra HTML'ye hiper metin desteği eklenmiştir. Multimedya yetenekleri daha sonra eklendi.

Başlangıçta HTML dili, belgeleri çoğaltma (görüntüleme) araçlarına bağlamadan yapılandırma ve biçimlendirme aracı olarak tasarlanmış ve yaratılmıştır. İdeal olarak, HTML işaretli metin, farklı teknik donanıma sahip ekipmanlarda (modern bir bilgisayarın renkli ekranı, bir düzenleyicinin tek renkli ekranı, bir cep telefonu veya cihazın sınırlı boyutlu ekranı ve ses programları) stilistik ve yapısal bozulmalar olmadan çoğaltılmalıdır. metinlerin oynatılması). Ancak HTML'nin modern kullanımı asıl amacından çok uzaktır. Örneğin, etiket

Sayfayı biçimlendirmek için birkaç kez kullanılan , belgelerde en yaygın tabloları oluşturmak için tasarlanmıştır. Yıllar geçtikçe, HTML platformunun bağımsızlığı konusundaki temel fikir, modern multimedya ve grafik ihtiyaçlarına kurban edildi.

XML(İngilizce) eX gerilebilirM arkupL dil-- Genişletilebilir İşaretleme Dili; telaffuz edildi [ eski-em-eml]), World Wide Web Konsorsiyumu (W3C) tarafından önerilen bir işaretleme dilidir. XML spesifikasyonu, XML belgelerini açıklar ve XML işlemcilerinin (XML belgelerini okuyan ve içeriklerine erişim sağlayan programlar) davranışını kısmen açıklar. XML, basit bir biçimsel sözdizimine sahip, programlar tarafından belge oluşturmaya ve işlemeye uygun, aynı zamanda insanların belgeleri okuması ve oluşturması için de uygun, İnternet kullanımına vurgu yapan bir dil olarak tasarlandı. Dil, belgelerde kullanılan işaretlemeyi düzeltmediği için genişletilebilir olarak adlandırılır: geliştirici, yalnızca dilin sözdizimsel kurallarıyla sınırlı olarak belirli bir alanın ihtiyaçlarına göre işaretleme oluşturmakta özgürdür. Basit bir biçimsel sözdizimi, insan dostu olma, genişletilebilirlik ve belgelerin içeriğini temsil etmek için Unicode kodlamalara dayalı olmanın birleşimi, hem XML'in kendisinin hem de XML'e dayalı birçok türev özel dilin geniş bir alanda yaygın olarak kullanılmasına yol açmıştır. yazılım çeşitliliği.

XHTML(İngilizce) eX gerilebilirH evetT dahiliM arkupL dil- Genişletilebilir Köprü Metni İşaretleme Dili), HTML 4'ün yeteneklerini çoğaltan ve genişleten XML tabanlı bir web sayfası işaretleme dilleri ailesidir. XHTML 1.0 ve XHTML 1.1 özellikleri, World Wide Web Konsorsiyumu'nun önerileridir, ancak geliştirilmesi, şu anda HTML kullanma önerisiyle durduruldu. XHTML'nin yeni sürümleri yayınlanmadı.

XHTML ve HTML arasındaki temel fark, belgenin nasıl işlendiğidir. XHTML belgeleri, XML belgeleriyle aynı şekilde kendi modülleri (ayrıştırıcı) tarafından işlenir. Bu işlem sırasında geliştiricilerin yaptığı hatalar düzeltilmez.

XHTML, XML'in bir alt kümesi olması nedeniyle SGML spesifikasyonuna uygundur. HTML, işleme sürecinde birçok özelliğe sahiptir ve aslında HTML 5 spesifikasyonu taslağında yer alan SGML ailesine ait olmaktan çıkmıştır.

Tarayıcı, sunucudan alınan içerik türü başlığına göre belgeyi işleyecek bir ayrıştırıcı seçer:

· HTML - metin/html

· XHTML - uygulama/xhtml+xml

· İstemcide yerel görüntüleme için seçim dosya uzantısına göre yapılır.

· Internet Explorer'ın sürüm 8'e kadar olan sürümlerinde, XHTML belgelerini işlemek için ayrıştırıcı yoktur.

WML(İngilizce) Kablosuz İşaretleme Dili-- "kablosuz biçimlendirme dili"), WAP standardını kullanan cep telefonlarında ve diğer mobil cihazlarda kullanıma yönelik bir belge biçimlendirme dilidir.

Yapı biraz basitleştirilmiş bir HTML'yi andırıyor, ancak WML kişisel bilgisayarların özelliklerine sahip olmayan cihazları hedeflediğinden (küçük ekran, tüm cihazlar grafik görüntüleyemiyor, küçük bellek boyutu vb.) önemli farklılıklar da var: hepsi Bilgi WML'de "desteler" (eng. güverte). Aralık, sunucu tarafından iletilebilecek minimum veri bloğudur. Desteler “kartlar” içerir ( kart) (her harita etiketlerle sınırlıdır Ve). Bir destede her zaman en az bir kart bulunmalıdır, ancak birden fazla kart da olabilir. Aynı zamanda, cihaz ekranında herhangi bir zamanda yalnızca bir kart görüntülenir ve kullanıcı aşağıdaki bağlantıları kullanarak bunlar arasında geçiş yapabilir - bu, sunucuya bilgi için yapılan isteklerin sayısını azaltmak için yapılır; aynı zamanda WML sayfalarının boyutlarının 1-4 kilobaytı geçmemesi gerekmektedir.

VML(İngilizce) Vektör İşaretleme Dili--vektör biçimlendirme dili) Microsoft tarafından vektör grafiklerini tanımlamak için geliştirilmiştir. VML, 1998 yılında Microsoft, Macromedia ve diğerleri tarafından W3C'ye tanıtıldı.Aynı sıralarda Adobe, Sun ve diğer birçok şirket PGML hakkında makaleler sundu. Bu dillerin her ikisi de daha sonra SVG'nin temeli oldu.

PGML (Hassas Grafik İşaretleme Dili, kabaca Rusça'ya çevrilmiştir - “hassas grafik işaretleme dili”) - bir web sayfasındaki vektör grafiklerini (diyagramlar, bireysel arayüz öğeleri) XML formatında metin biçiminde tanımlamak için kullanılan XML tabanlı bir işaretleme dili, bir görüntü oluşturma modeli kullanır , PDF ve PostScript'e benzer. 1998 yılında Adobe Systems, IBM, Netscape Communications ve Sun Microsystems tarafından W3C konsorsiyumuna sunuldu ancak önerildiği gibi kabul edilmedi. Neredeyse aynı anda Microsoft, VML projesini değerlendirmeye sundu ve bir yıl sonra, iki teknoloji fikrine dayanarak daha gelişmiş bir SVG dili geliştirildi. SVG, W3C tarafından önerilmiştir ve bir web sayfasındaki vektör grafiklerini tanımlamak için birincil format haline gelmiştir.

SVG(İngilizceden S hesaplanabilirV aktörG grafik-- Ölçeklenebilir Vektör Grafikleri) -- World Wide Web Konsorsiyumu (W3C) tarafından oluşturulan ve Genişletilebilir İşaretleme Dili XML'inin bir alt kümesi olan Ölçeklenebilir Vektör Grafikleri İşaretleme Dili, XML'deki iki boyutlu vektör ve karışık vektör/raster grafikleri tanımlamayı amaçlamaktadır. biçim. Hem hareketsiz hem de animasyonlu etkileşimli grafikleri veya başka bir deyişle bildirimsel ve komut dosyası oluşturmayı destekler. Üç boyutlu nesnelerin açıklamasını desteklemez. HTML ve XHTML gibi standartları geliştiren kuruluş olan W3C konsorsiyumunun tavsiyesi olan açık bir standarttır. SVG, VML ve PGML işaretleme dillerini temel alır. 1999'dan beri geliştirildi.

XBRL(İngilizce) eX gerilebilirB kullanışlılıkR ihracatL dil, Aydınlatılmış. Genişletilebilir İşletme Raporlama Dili, mali tabloların elektronik olarak sunulmasına yönelik açık bir standarttır. XBRL formatı genişletilebilir biçimlendirme dili XML'ini temel alır. XBRL, XML sözdiziminin yanı sıra XML ad alanı, XML Şeması, XLink ve XPath gibi XML ile ilgili teknolojileri kullanır. XBRL'nin amaçlarından biri, şirketin mali tabloları gibi mali bilgileri temsil etmek ve paylaşmaktır. XBRL dil spesifikasyonu bağımsız uluslararası kuruluş XBRL International, Inc. tarafından geliştirilmiş ve yayınlanmıştır.

Web'in görsel algısını geliştirmek için, birçok web sayfası için tek tip tasarım stilleri belirlemenize olanak tanıyan CSS teknolojisi yaygın olarak kullanılmaya başlandı. Dikkat etmeye değer bir diğer yenilik ise URN (İngilizce) kaynak adlandırma sistemidir. Tekdüzen Kaynak Adı).

World Wide Web'in geliştirilmesine yönelik popüler bir kavram, anlamsal bir ağın oluşturulmasıdır. Anlamsal Web, ağda yayınlanan bilgilerin bilgisayarlar için daha anlaşılır olmasını sağlamak üzere tasarlanmış, mevcut World Wide Web'e bir eklentidir. Anlamsal Web, insan dilindeki her kaynağa, bilgisayarın anlayabileceği bir açıklamanın sağlanacağı bir ağ kavramıdır. Anlamsal Web, platformdan ve programlama dillerinden bağımsız olarak her uygulama için açıkça yapılandırılmış bilgilere erişim sağlar. Programlar gerekli kaynakları kendileri bulabilecek, bilgiyi işleyebilecek, verileri sınıflandırabilecek, mantıksal bağlantıları tespit edebilecek, sonuçlar çıkarabilecek ve hatta bu sonuçlara dayanarak kararlar alabilecek. Anlamsal Web, geniş çapta benimsenip akıllıca uygulanırsa internette bir devrimi tetikleme potansiyeline sahiptir. Bir kaynağın bilgisayar tarafından okunabilir bir tanımını oluşturmak için Anlamsal Web, RDF (İngilizce) formatını kullanır. Kaynak Açıklama Çerçevesi), XML sözdizimini temel alır ve kaynakları tanımlamak için URI'leri kullanır. Bu alandaki yeni ürünler RDFS'dir (eng. RDF Şeması) ve SPARQL (eng. Protokol ve RDF Sorgu Dili) RDF verilerine hızlı erişim için yeni bir sorgulama dili.

Merhaba sevgili okuyucu. hakkında konuşmanın zamanı geldi HTML işaretleme dili Kesinlikle tüm İnternet sitelerinin yardımıyla oluşturuldu - hem Rus hem de burjuva ve hatta Çince. Ancak bu, bazılarının düşündüğü gibi bir programlama dili değil, bir hiper metin biçimlendirme dilidir.

Hypertext'in diğer sayfalara ve belgelere bağlantılar içeren metin olduğunu hatırlatmama izin verin. İşaretleme dili, paragraf, başlık, liste vb. gibi bazı metin öğelerinin nereye ve nasıl yerleştirilmesi gerektiğini gösterir. HTML ile yakından ilişkili olan CSS dili, web sitesinin tasarımını kolaylaştıran bu öğelerin tasarımından sorumludur. sayfalar güzel, okunabilir ve hafif. sayfa kodunu boşaltmak için.

CSS'ye ek olarak html, sayfalara etkileşim sağlayan PHP ve JavaScript programlama dillerinin işlevleriyle desteklenebilir; Kullanıcı eylemlerine yanıt verme yeteneği.
Tüm bu araçların yardımıyla her türlü karmaşıklığı ve her türlü işlevi yaratabilirsiniz. HTML dilinin kendisi yalnızca işaretlemeden sorumludur

Web sayfası içeriden



<br>Bu benim web sitem <br>


Bu benim metnim

Verilen bu kodda komutları görüyorsunuz - Etiketler bazen buna denir Tanımlayıcılar. Köşeli parantez içine alınırlar. Etiketler çoğunlukla eşleştirilmiştir. Açılış<>ve eğik çizgi ile kapanış. Tüm HTML işaretleme dili kodları birbirinin içine yerleştirilmiştir ve bir kabın diğerinin içine yerleştirildiği bir "matryoshka bebeği"ne benzer.

Aşağıdaki şekil bu kodun kodunun çözülmesini göstermektedir:

Ve işte aynı sayfanın Mozilla Firefox tarayıcısında nasıl göründüğü. Metnin nerede görüntülendiğini gösterdim başlık Başlık ve metin etiket Vücut

Bir html sayfası nasıl oluşturulur

Anlaşılır olması açısından, yukarıdaki etiketlerin bulunduğu metni herhangi bir metin düzenleyiciye, örneğin not defterine kopyalayın ve masaüstünüze kaydedin. Sağ tıklayın ve "yeniden adlandır"ı seçin. Normal bir metin dosyası gibi .txt uzantısı yerine .html veya .htm uzantısını belirtin. Not defteri simgesi, ilk web sayfanızı görmek için tıklayabileceğiniz bir tarayıcı simgesine dönüşecektir.

Uzantı görüntülenmiyorsa aşağıdakileri yapmanız gerekir.

Bilgisayarınızda bulun: Görünüm ve Kişiselleştirme - Klasör Seçenekleri - Görünüm.

Saldırganların, aslında "gift.jpg.exe" olacak "gift.jpg" gibi bir enfeksiyona sahip bir dosyayı açacağınıza güvenmemeleri için dosya uzantılarını göstermek her zaman yararlıdır. Windows'un varsayılan olarak gizlediği uzantı olmadan, "kötü amaçlı yazılım" başlatma dosyasını gizli bir .EXE uzantısıyla normal bir resim sanmak çok kolaydır.

HTML sayfaları oluşturmaya ilişkin bir video izleyin


HTML sayfaları oluşturmaya yönelik programlar

Html hiper metin işaretleme kodunu deneyim olmadan manuel olarak yazmak, dikkat ve dayanıklılık gerektiren bir çile gibi görünebilir. Ancak inanın bana, ancak becerilerinizi bu şekilde güçlendirerek kendinize gururla web yöneticisi diyebileceksiniz.

HTML kodunu manuel olarak yazma konusunda akıllı kontrol sağlamak için kod vurgulama özelliğine sahip birçok program vardır. Notepad++ amatör geliştiriciler arasında en popüler olanıdır. PHP Tasarımcı, Dreamweaver

Son iki program ücretlidir ancak yenilerinden daha kötü olmayan eski versiyonları internette ücretsiz olarak bulunabilir ve ihtiyaçlarınız için yasal olarak kullanılabilir. Dreamweaver görsel bir editördür. Tasarımlı metninizi kendisi koda dönüştürür. Her durumda, bu aracı tanıdığınıza pişman olmayacaksınız.

O halde neden elle kod yazmayı öğrenesiniz ki? Mesele şu ki, herhangi bir görsel editör, hatta WordPress'te yerleşik olan editör bile, bazen kendilerine ait o kadar çok gereksiz kod üretir ki, sayfalar, kafanızın ve ellerinizin yardımıyla yazılanlardan çok daha fazla ağırlığa sahiptir. Evet, arama motorlarının artık kodun temizliğine dikkat ettiğini de hesaba katarsanız, tüm süreci kontrol etmek için kaçınılmaz olarak HTML çalışmayı düşüneceksiniz.

Genel olarak Dreamwaver ilk başta iyi bir öğretmenin yerini alacak. Bu programı kullanın ve bir html sayfasının nasıl yazıldığını görün. Önemli olan, kodun oluşturulduğu programın üst penceresine bakmak için tembel olmayın. Programın gereksiz bir şey yaptığı yeri kendinize not edin.

Gerçekten tarayıcı nedir?

Birçok kişi, tarayıcının İnternet'teki siteleri aramak için tasarlandığına ve amacının da bu olduğuna inanıyor. Böylece PC kullanıcısının anlayışında tarayıcının amacı hakkında hatalı bir fikir yaratılmaktadır. Aslında tarayıcı, html kodunu, CSS kodunu, JS kodunu vb. yorumlamaya yönelik bir programdır. Başka bir deyişle, web sayfalarını ve diğer belgeleri görüntülemeye yönelik bir uygulama yazılım aracıdır.

Modern tarayıcıların yetenekleri gerçekten mükemmeldir. Sonuçta web sayfaları farklı formatlarda grafikler, videolar ve metinler içerir. Tarayıcı html kodunu okur, oraya gömülü video materyalini, grafiği ve metin kodunu görür ve tüm bunları cihazın ekranlarında doğru şekilde görüntüler. Etiketler ona bu konuda yardımcı oluyor, köşeli parantez içindeki bu sıradan İngilizce kelimeler<>.

Tarayıcı, etiketleri kullanarak metnin hangi bölümünün sitenin adı olduğunu, başlığın ne olduğunu, paragraf olarak neyin sunulması gerektiğini, resmin nereye yerleştirileceğini görür ve yol boyunca ilgili birçok sorunu çözer. normal HTML'ye yerleştirilmiş çeşitli diller.

HTML biçimlendirme dili ve temel etiketler

tarayıcıya bunun bir HTML belgesi olduğunu söyler
arama motorları için bilgiler burada
içerik tarayıcı penceresinde görüntülenir
sayfa başlığı

Başlıklar: en büyüğünden en küçüğüne
Kalın ve italik metin vurgulama
bağlantı metni Tarayıcıya bunun şu metinle bir bağlantı olduğunu söyler: " bağlantı metni«

Yeni bir paragraf oluşturma

paragraf hizalaması ( sola, sağa, yasla veya ortaya)
Tarayıcıya formu oluşturmasını söyler

Bu tablo yalnızca ana tanımlayıcıları göstermek için sağlanmıştır.

HTML5'in modern sürümünde, yeni etiketlerle birlikte, web sitesi geliştiricilerinin 10 yıl önce hayal bile edemeyeceği çok sayıda yeni özellik ortaya çıktı.

Bir HTML belgesindeki stiller

Bir tarayıcı bir web sayfasının içeriğini görüntülerken, başlıkları bir stilde, paragraf metnini başka bir stilde ve farklı yazı tipi boyutlarında görüntüler. Bu, her tarayıcıda varsayılan olarak etkindir. Ancak web sayfaları için bireysel tasarımlar görmek istiyoruz ve CSS burada imdadımıza yetişiyor. Basamaklı Stil Sayfaları Dili. CSS'yi kullanarak herhangi bir öğenin tasarımını ayarlayabilir, bir web belgesi için herhangi bir tasarım oluşturabilirsiniz.

CSS, HTML diline eklenen bir stil eklentisidir ve onsuz var olamaz.

Html'deki stiller şu şekilde uygulanır:

Baş>

Harici bir stil dosyası kullanılıyorsa stiller.css, daha sonra html belgesine şu şekilde bağlanır:

CSS kurallarını yazma örneği:

p(renk: siyah; yazı tipi: x-küçük).

Tarayıcıya paragraf renginin ne olduğunu söyler

siyah- siyah ve yazı tipi boyutu x-küçük(küçük)

Örneğin bu blogdaki her makalenin başlangıcındaki içeriği bu şekilde şekillendiriyorum.

Duyurular
(kenarlık: 2 piksel başlangıç ​​yeşil;
kenarlık yarıçapı: 10px;
genişlik: 360;
yazı tipi ailesi: "Eveteva+Bir";
yazı tipi boyutu: 16 piksel;
satır yüksekliği: 1,2em;dolgu:10px 10px 10px 20px;
kenar boşluğu:10 piksel otomatik 20 piksel;
metin hizalama:sol;
arka plan rengi: #a7cece;
}

son satırda ilginç bir parça var: arka plan rengi: #a7cece;

#a7cece – bu html rengidir. HEX karakter setini (onaltılık sistem) kullanarak: 0'dan 9'a kadar sayılar ve A'dan F'ye kadar harfler, kesinlikle herhangi bir rengi ayarlayabilirsiniz. Burada güzel bir akuamarin var.

CSS konusuna ayrı yayınlarda döneceğim.

HTML İşaretleme Dili Nasıl Öğrenilir?

  • İnternet HTML (html) hakkındaki referans kitaplarıyla doludur. http://htmlbook.ru sitesini beğendim. Referans materyali için buraya sık sık geliyorum. Zamandan tasarruf etmek için tavsiye ederim.
  • Andrey Bernatsky. Kontrol ettiğinizden emin olun!
  • Amerikalı yazarların kitaplarını seviyorum. Bu en büyüleyici olanı HTML/CSS dil eğitimiöyle harika bir sunumla ki, durmadan okuyacaksınız. Her şey basit ve net bir şekilde anlatılıyor. İnternetten ücretsiz olarak indirilebilir, ancak satın almak ve onunla bir kitap gibi çalışmak daha iyidir.

HTML biçimlendirme diline (HTML) hakim olmanın en iyi yolu, RuNet'teki en ünlü eğitim kurslarını indirmektir ve bunlardan bazıları tamamen ücretsizdir. Evgeniy Popov'un web sitesine gidin ve tonlarca faydalı eğitici bilgi indirin. Mesleki eğitim için bilgileri okuyun.

Görüntüleme