internet pencereler Android
Genişletmek
ana ›

Temel tasarımlar ve HTML dilini kullanarak. Eğitim "Web Sayfaları HTML Dilini Oluşturma"

HTML - İnterneti bildiğimiz ve sevdiğimiz gibi yapan bir köprü metni işaretleme dili. Bu harika araç sayesinde sitelerin güzel ve modern göründüğü ve bunları kullanma kolaylığını sağlar. HTML Dili sadece kullanıcı dostu bir seçenekte Web sayfası öğeleri bileşenidir. Çalışmaları, MS Word veya OpenOffice'in yaptığı şeyle karşılaştırılabilir. Harflerin yüzsüz kütlesini, paragraflar, cesur metin, italik, tablolar ve hatta görüntülerin bulunduğu bir belgeye dönüştürürler. Yaklaşık aynısı, HTML dilini, belgelerinin tarayıcıda görüntülendiği tek fark ve bu aracın olanakları, metin düzenleyicisinden çok daha geniştir. Etiketler, Markup - Web sayfasının yapısını açıklayan özel komutlar için kullanılır. Onlar açısal parantez içine alınırlar -<тег>Böylece tarayıcı bunları metnin toplam ağırlığından ayırt edebilir. Daha sonra, HTML'nin yeni başlayanlar için temellerini düşünüyoruz.

Görsel editörler

Newbies, html okuyan yola sadece aşağı çekti, genellikle çalışmalarına herhangi bir bilgi olmadan siteler oluşturmanıza olanak tanıyan programlarla başlar. Ekrandaki öğeleri tarayıcıda görüntülenecek şekilde yerleştirebilirsiniz. Çoğu web geliştiricisinden kurtulmaya izin veren sonsuz lütufun kaynağı olduğu görülüyor. Ama her şey o kadar basit değil, çünkü görsel editörlerin, kullanımlarını ciddi projelerde kullanmalarını imkansız hale getiren birçok eksiklik var.

Tüm bu programlar, sayfanın nihai sürümünü hantal ve optimum olmayan bir sürü gereksiz etiket oluşturur. Elbette, yüksek hızlı internet yaşımızda, bu, daha önce daha az önem taşır, ancak özlü ve yetkin bir şekilde yazılmış bir sitenin görsel editörde oluşturulan adamından daha pratik olmasının birçok nedeni vardır. Böyle bir programda yapılan web sayfası işlenmesi kötü olacak arama robotlarıHer Kilobayt kodu onlar için önemli olduğundan ve bir demet olan hacimli ve mantıksal kodun tadına bakmaları için pek gerekli değildir. Buna ek olarak, editörler genellikle geride kalır, ilgisiz hale gelir ve bu ürünleri bu ürünleri kullanmaz, çünkü bu ürünleri yoktur. Bu nedenle, site oluşturma alanında çalışmak isteyen herkes HTML'nin temellerini bilmelidir.

Etiketler

Yukarıda belirtildiği gibi, Etiketler web sayfası yapısı tarayıcısını açıklar. Birçoğunun açılış ve kapanış etiketi var, ancak hepsi değil. Örneğin, ...içeriğin nokta yerine içerdiği yer. Birincisi, etiketin nerede başladığını gösterir ve ikincisi onu kapatır. İçinde, Sayfa İşaretlemesinin başka unsurları olabilir, bunlar birbirlerine matriuska gibi yerleştirilebilirler. Etiketleri zamanında kapatmak önemlidir, böylece sayfa doğru görüntülenir.

Kapatmak için gerekmeyen tek etiketler de var. İçerik içlerinde olduğu gibi, çoğu HTML etiketi için kaydedilebilir ve öğenin özelliklerini ayarlar. Açılış etiketinde belirtilir ve şöyle bir şey görünüyor: Nitelik \u003d "...", Noktalar yerine öznitelik değerinin özellik değeridir. Bilgi Etiketleri, HTML'ye ustalaşmak için ilk ve en önemli adımdır. Bu sanatın temelleri, ayrıca web sayfası yapısını anlama anlamına gelir.

Belge Yapısı

Her HTML belgesi, örneğin, index.html'ye karşılık gelen bir uzantıya sahiptir. Böylece tarayıcı uğraştığını anlayabilecek ve sayfayı doğru görüntüler. Bir site oluşturmak için kullanılan tüm dosyalar, bir dizinde depolamak için arzu edilir, bu da sizi sizin için daha kolay hale getirecektir. HTML düzeninin HTML köprüsünün temelleri, belgenin yapısının açık bir şekilde anlaşılmasını önermektedir. Etiketle başlarBu belgede kullanılan HTML'nin tarayıcı sürümünü bildirme. Şu anda, dilin beşinci versiyonu alakalıdır, böylece hiçbir şeyi icat etmeye gerek kalmayacak şekilde, yukarıdaki etiketi herhangi bir sayfanın en üstüne güvenle yerleştirebilirsiniz.

Sonra sitenin "iskeleti" oluşturan ana çifti yapılarına giderler. Herkesin gömüldüğü ilk etiket - .... Dışarıdaki her şey, tarayıcı tarafından bir web sayfası olarak tanınmaz, böylece belgeyi açar ve kapatır. Bu etiket herhangi bir belge için zorunludur. Ayrıca aşağıda tartışılacak birkaç zorunlu etiket içerir.

Kafa.

İçinde etiket ... Sayfada görüntülenmeyecek teknik bilgileri içerir, ancak yine de, Önemli kısım hTML belgesi. Sitenin temelleri bu yere yerleştirilir, kodlama burada seçilir ve ad sayfası girilir. Zorunlu etiketin içinde bulunur. .... Ad, tarayıcının üstünde, nerede sayfanın içeriğini karakterize eden küçük bir simge yerleştirebileceğiniz. Uygulamayı doğru ekranı için derhal kodlamayı derhal belirtmeniz önerilir. Bu etiketle yapılabilir . Metateletler sayfa yapısında veri sağlar ve genellikle başın içinde bulunur.

Link.

HTML'nin temelleri hakkında bilgi, basamaklı tasarım stillerinin veya CSS'nin kullanımını da içerir. Sayfada görüntülenecek öğelerin özelliklerini ayarlarlar. Bu göreve yapılan modern yaklaşım, bu özelliklerin, öğenin renk, yüksekliği ve konumu olarak, daha fazla kolaylık için dış dosyaya göre uygulanmasını ifade eder. Tag, CSS dosyasını bağlamak için kullanılır . Bitmiş halde şöyle görünüyor: HREF'in dosyanın konumuna işaret ettiği ve türünde yazın.

Vücut.

HTML belgesinin bu bölümünde, sayfanın görünür bir parçası oluşturulur. "Vücudun" içinde yapılan her şey bir tarayıcı gösterilecektir. İÇİNDE Büyük bir sayı kullandı html etiketleri. Vakıflar, bir web sayfasını yapılandırmak için referanslar ve basit araçlarla çalışma metni biçimlendirmedir. HTML'de çalışmak için, ana etiketleri bilmek ve bunları kullanabilmek yeterlidir. Aşağıda en popüler olanıdır: