içinde Bilgisayar ve Teknoloji

HTML Temelleri

1k Views

HTML öğrenin

Birisi bu dört harf HTML’den bahsettiğinde kendinizi biraz kaybolmuş hissediyor musunuz? Aslında öğrenmesi ve anlaması çok kolay. Basit bir sayfanın nasıl kurulacağını, metnin nasıl biçimlendirileceğini, resimlerin nasıl ekleneceğini ve bağlantıların nasıl ekleneceğini ele alacağız. Tam olarak ne olduğunu açıklayarak başlayalım.

Bir sayfayı ziyaret ettiğinizde sütunlar, resimler, bağlantılar ve farklı renkler görürsünüz. Bunların hepsi birisi tarafından yazılmıştır (veya birisi onu yazmak için bir program kullanmıştır). Ve HTML ile yazılmıştır. Tüm web sayfaları tarayıcınıza (Internet Explorer veya Firefox gibi) HTML olarak gönderilir.

HTML, öğrenmesi en kolay bilgisayar dilidir. Şimdi, birine resmi bir mektup yazdığınızda, başında ve sonunda orada olmayan eklediğiniz şeyler vardır (örneğin, adresin başında, tarihte ve sonunda adınız ve imzanız). Bu maddeler arasına mektubun gövdesini yazarsınız. Eh, bazı açılardan HTML’nin temelleri çok benzer.

Size basit bir sayfa örneği vereyim. Bu, tarayıcıda Hoş Geldiniz kelimelerini görüntüleyecektir (kalın yazılan sayılar kodun bir parçası değildir, sadece satır numaralarıdır, dolayısıyla daha sonra ne hakkında konuştuğumuzu biliyoruz).

1]
2]
3] Site Başlığı
4]
5]
6]
7] Hoş Geldiniz
8]
9]

Tüm etiketler başlar ve biter. Bir başlangıç ​​etiketi şeklinde ve bitiş etiketi ise şeklinde görünür. Birçok etiket vardır – … altı çizili için, … kalın için vb.

Mektup örneğine geri dönersek, normalde adresinizi, tarihinizi, adreslerini vb. En üste yazarsınız. İşte ilk dört satır böyle. İlk satır, (not, html cinsinden, normalde büyük veya küçük harf olması önemli değildir. Xhtml gibi bazı teknolojilerde olur, ancak şimdilik önemli değildir) html etiketi bilindiği gibi ve 9. satırdaki son html etiketi (bittiğini gösteren ters eğik çizgiye dikkat edin) içinde html var.

Başlık, tarayıcınız tarafından doğrudan görüntülenmeyen bilgileri içerir. etiketi, tarayıcınızın üst kısmında gösterilen sayfanın başlığını içerir. Anahtar kelimeler gibi diğer şeyler baş etiketinize girer, ancak bu biraz daha gelişmiştir.</p> <p>Tüm içeriğinizi, kullanıcının tarayıcısının ana bölümünün içinde görmesini istediğiniz <body data-rsssl=1> etiketine yerleştirmelisiniz.</p> <p><b> Bağlantı yapmak için </b><br /> Bağlantı, üzerine tıklamanıza izin veren bir şeydir ve yeni bir sayfa isteyecektir. Bunun için bağlantı etiketini kullanırsınız:</p> <p><a href=http://www.techneek.co.uk> BURAYA TIKLAYIN </a></p> <p>Bunun nasıl çalıştığını görüyor musun? BURAYA TIKLAYIN kelimelerini gösterecek ve bu http://www.techneek.co.uk adresine bağlanacaktır. Bu etiket, <a ...> etiketinin bir özniteliği örneği vardır href.</p> <p>Hemen hemen tüm özniteliklerin a = “” vardır. Temelde bir çapa etiketim olduğunu söylemek gibi. Onu bir şeyle ilişkilendirmek istiyorum. Bir şeye bağlantı vermesini söylemek için href = bağlantınız koymanız gerekir. Bu etiketi (</a>) bitirirken href eklemenize gerek olmadığını unutmayın. Her zaman adildir </a>.</p> <p><b> Kalın, İtalik, Altı Çizili </b></p> <p>Bunlar gerçekten çok basit, muhtemelen zaten biliyorsunuzdur. kalın, <u> altı çizili </u> veya <i> italik </i> için <b> kalın metin </b></p> <p><b> HTML’deki Boşluklar </b><br /> Alanlar bir dereceye kadar önemli değil. Bu satırı yazabilirim:<br /> <a href=http://www.example.com> example.com </a><br /> gibi:<br /> <a href=http://www.techneek.co.uk><br /> örnek bağlantı<br /> </a></p> <p>HTML’de, bir boşluğun herhangi bir çarpımı – ” yalnızca bir olarak görünür. Birden fazlasını görüntülemek için yazmanız gerekir.</p> <p><b> Resimler </b></p> <p>Görüntüler gerçekten basit. Bu sadece <img src = imaj bağlantınız> dır. Bitiş etiketine bile ihtiyacınız yok (</img> etiketi yok!). Yüksekliği / genişliği belirtmek istiyorsanız, yükseklik = 120 genişlik = 400 kullanın;<br /> <img src = yourimagelink.jpg yükseklik = 99 genişlik = 89></p> <p>Görüntünün sizin için yüklenememesi durumunda, alternatif bir metin vermelisiniz. Bu, ekranda görmeyi zor bulan insanlar için de iyidir. Bunu yapmak için, alt = resminizin açıklamasını ekleyin. Şahsen 6 kelimeden fazlasını tavsiye etmem.</p> <p><img src = youimagelink.jpg genişlik = 200 yükseklik = 100 alt = Plaj manzarası></p> <p>Kullandığınız görüntü türlerinin yalnızca Gif’ler (.gif), Jpeg’ler (.jpg) veya Taşınabilir Ağ Grafiği (.png) olması önerilir. Dosya boyutlarını küçük tutmaya çalışın, bazı kullanıcılar çok yavaş hızlarda.</p> <p>İşte buradasın, şimdi bir sayfa yapabilmelisin. Not defterini açın, bu şablonu şuraya yapıştırın:<br /> <html><br /> <head><br /> <title> İlk web sayfanız


…
Computer Techneek gibi içeriğiniz buraya gelir!
…


Ve “…” bitlerini içeriğinizle değiştirin. Bunu bir .htm veya .html dosyası olarak kaydedin (ne seçtiğinizin hiçbir önemi yoktur) ve tarayıcınızda açın.

Şimdiye kadar sahip olduğumuz her şeyi kullanan basit bir web sayfası örneği:



Merhaba !!


Merhaba! Sayfama hoş geldiniz! Http://www.techneek.co.uk Techneek.co

Artık daha ileri gitmeye hazırsınız. En sevdiğiniz arama motorunda aşağıdakiler gibi şeyleri aramanızı tavsiye ederim:

paragraf HTML etiketi
hr html etiketi
Merkez html etiketi
temel CSS eğitimi
web sayfası VEYA web sitesi eğitim sunucusu yükleme

İyi eğlenceler!

Ashley Baker, bir bilgisayar donanımı bileşeni haberleri ve incelemeleri sitesi olan TechNeek’in sahibidir. Bilgisayarla ilgili bir konuyu incelemeye ihtiyacınız varsa, http://www.techneek.co.uk adresine gidin!

Ne düşünüyorsun?

0 Points
Olumlu Oyla Olumsuz Oyla

Yazar isnet

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

GIPHY App Key not set. Please check settings

HTC VX6800

Httpwww.google.com, httpgroups.yahoo.com, Geçersiz URL, Neden?