HTML Dersleri -5 / Metin Biçimlendirme Etiketleri

Bu ders Tayfun Erbilen tarafından hazırlanmıştır.
HTML dersleri serimizin beşinci bölümünde, metin biçimlendirme etiketlerini ayrıntılı olarak ele alacağız. Bu videoda, metinlerin stilini ve görünümünü değiştirmeye yarayan etiketlerin nasıl kullanılacağını öğreneceksiniz. Bu etiketler arasında kalın, italik, altı çizili, üstü çizili ve daha pek çok metin formatlama etiketi bulunmaktadır. Ayrıca, bu etiketlerin ne zaman ve nasıl kullanılması gerektiği konusunda da ipuçları ve öneriler sunacağız. Bu bölüm, metinlerinizi daha etkileyici ve okunabilir kılmak için temel HTML biçimlendirme tekniklerini anlamanıza yardımcı olacaktır.
Yeni çıkardığım PHP Eğitim Setime gözatın!
udemy.com/php-...
-- Sosyal Hesaplarım;
/ erbilennet
/ prototurkcom
/ tayfunerbilen
/ prototurkcom
/ tayfunerbilen

[@PROTOTURKCOM]

HTML derslerini yazılı olarak öğrenmek isterseniz, prototurk'e bakmayı unutmayın! prototurk.com/html

[@emilhdov3350]

Millet görmiycekk se önemli önemsiz olmsının ne anlamı var?

[@PROTOTURKCOM]

@@emilhdov3350 web tarayıcıları ve arama motorları için yazıyorsun sen HTML kodlarını, millet görsün diye değil :)

[@emilhdov3350]

@@PROTOTURKCOM yerine yazılması tam ollarak anlamıyorum.Web taryıcı önemli olarak nitelendirirse ne fark yaratır yani.

[@PROTOTURKCOM]

@@emilhdov3350 yarın öbürgün bu etiketler ile ilgili farklı stiller gelirse bunları atayabilir, daha çok arama motorları için düşünmeye bak

[@Zenoqlus]

5 sene önceki akıcı ve gayet düz açıklayıcı video şuanki göze iyi gözükmeye çalışanlardan bin kat iyi teşekkürler sayende hızlıca aklıma kazıyabiliyorum

[@Cengizhannaltunn]

allah senden raazı olsun reis gerçekten o kadar video izledim senin gibi öğreteni görmedim eline emeğine saağlık videolarının devamını mutlaaka bekliyoruz

[@senem1708]

Hayatım boyunca yaZılım öğrenmek benim için bir ütopya gibiydi. Şu an bakıyorum da, ben bunu öğrenirim. 🤩 teşekkürler bu videolar için 🙏

[@mathildarelax]

Python'dan buraya geldim buraya HTML daha kolay gözüküyor.

[@ahmetwayes6827]

@@mathildarelax html baya kolay ya. O yüzden burdan başlayacam ben. Bu arada html yazılım dili degil !

[@2002budokan]

Sen daha dur, bunlar reklamlar 😂

[@2002budokan]

Yazılım öğrenmek konusunda yaptığın değerlendirme yanlış olsa da sana motivasyon sağladığına göre sorun yok. Havlu atmazsan ilerlersin. Şimdilik, 'Ignorance is bliss', diyelim.

[@hsndere]

@@2002budokan NE ıgrorance is bliss cehalet mutluluktur demek.

[@Hadicnmmm__122]

O kadar site o kdr video gezdim ancak bu kadar güzel akıcı anlatılabilir teşekkürler 🙏

[@harbinur]

S etiketi cizgi manasina, Strike kelimesinden geliyor

[@MrUFUKTURK]

bende yanlışlıkla Ben Tayfun Erbilen yazıyordum dalgınlıkla tekrarlarken :)

[@tev7336]

haahhhahhhH ben

[@berattatli294]

Arkadaşlar gerçektende en samimi duygularımla söylüyorum gerçektende ben yazılıma başladığımda farklı farklı hocalardan dinledim yt den ama kafam çorba oldu cidden soğudum en sonunda bu kanaldan başladdım ve çok iyi bir şekilde anlıyorum eğer içten hafif ev anlaşılır bir şekilde yazılım öğrenmek istiyorsanız doğru kanaldasınız yazılıma yeni başlayacak arkadaşlarınız varsada bu kanalı önerebilirsiniz.VE SIRF BU YORUMU YAZABİLMEK İÇİNDE GECENİN 2 SİNDE OTURUM AÇTIM VE YAZDIM BU YORUMU HEMDE HİÇ ÜŞENMEDEN.

[@domateslipilav4837]

Hocam saat 12.40 da yazmışsınız 2 değil ancak güzel kanal :d

[@berattatli294]

@@domateslipilav4837 hocam valla benim leptop sati ilerdeymiş hshs kb.

[@hasanozturk3416]

Ben Tayfun Erbilen memnun oldum :)

[@cihanes]

Teşekkür ediyorum, video işime yaradı projemde bana yardımcı oldu.

[@burhanakcan7350]

projenin son durumu ne?

[@tgkrst]

Harbiden kralsin hocam

[@AmznTechTrends]

komutunu yazarsan otomatik olarak komutu olusuyor .elle yazmana gerek yok :))))

[@otobos9022]

o zmaan c tab yapın daha kısa

[@NONAME-lg3tg]

olmadı, tam olarak nasıl yapılıyor

[@Munirmessiogullari]

hocam dersleriniz çok güzel emeğinize sağlık 😊😊

[@metehan5115]

abi çok iyi anlatıyosun okulda öğrenmediğim birçok şeyi burda öğrendim sağolasın

[@kaos1789]

okulda yazılım mı öğretiyorlar

[@imflyingoverclouds]

04:35 s olmasının sebebi "strike". Word'u ingilizce kullanıyorsanız üzeri çizili s'e gelince görürsünüz

[@ozanolcar]

helal olsun adama çok iyi anlatıyor

[@yusuf5076]

Çok sempatiksin reis aday olmalısın bence

[@ilknuur58]

Sen çok kral bi abisin bilgin olsun

[@2002budokan]

Umarım etiketini anlatırken "Küçük Tayfun"'u kullanmaz. 😂

[@footballazo]

kısa videolarla daha öğretici oluyor karmaşıklıktan uzak teşekkürler

[@osmanevren4298]

eline sağlık dersler çok faydalı oldu benim için çok teşekkür ederim

[@yasinkurt739]

çok teşekkürler

[@ahmetakarsu8918]

Daha iyi anlatılamazdı emeğinize sağlık.

[@ismetkopuz2998]

3:24 hocam küçük tayfunu small etiketine sığdırabilir misiniz bilmiyoruz artık çünkü heykelini yapsak beton yetmez :DD

[@winstonchurchill3168]

anlamsızcana küçük tayfuna güldüm.

[@sehnasir4945]

hocam bu ders ilac gibi geldi valla. seviliyorsunuz emeyinize saglik, Azerbaycandan sevgilerrrr)))

[@whiteplatform3248]

1 ilə öyrənə bilmisiz? Veb programlamanı

[@crixuss3]

@@whiteplatform3248 1 ildirki meşğulam hele bilmediyim çox şey var

[@_rebellious_666]

@@whiteplatform3248 ayqa

[@_rebellious_666]

@@crixuss3 ayğa

[@yunuskurban2234]

Abi çok iyi👏

[@whoami1287]

etiketi de yazinin altindan cizgi cizer bunu unutmusun hocam

[@isatasova3971]

tab olayını keşke 1. videoda söyleseydin be kral :))

[@talhabuyukarslan6094]

editör uyg. bende oto olarak etiketleri kapatmıyor var mı çözümü

[@ferdiist.]

Teşekkürler

[@emreates2881]

HOCAM teşekküler

[@kreyziboy7886]

7:47 abi bunu yeni söylüyon ilk dersten beri bu adam nasıl bu kadar hızlı yazıyor diyordum

[@PROTOTURKCOM]

haha atlamışımdır kardeşim

[@kadirgultekin7984]

Aynısı bende dedim, tab olayı baya iyi

[@bettycooper2902]

Teşekkürler abi :D

[@yigitgulenay259]

küçük tayfun :))))))))))))))))))))))))))))))))))))

[@plinxl1236]

google chrome üzerinden test yapamıyorum ne yapıcam yardım edin lütfen

[@OzgurUrhan]

ders için teşekkürler

[@musabozdemirr]

7:46 bu bilgiyi keşke daha önce verseydiniz hocam

[@KralOyuncusu]

Hocam bu video kitabı bittikten sonra direk css mi geçmeliyiz yoksa biraz daha öğrenmelimiyiz html i

[@denizeperen2059]

Sadece 5.videodayım ve okul hayatım boyunca öğrendiğim herşeyden daha cok işime yarayacak bilgiler öğrendim

[@whiteplatform3248]

üniversitede mi okuyorsun ?

[@denizeperen2059]

@@whiteplatform3248 lise 2 abi.

[@beratsanr8958]

[@emrekarasu4762]

hocam bu kodlarla web sitesi oluşturabiliyor muyuz aynı şeyleri yazıyorsunuz da

[@anlacar347]

Hocam iyi günler ben ve arasındaki farkı çözemedim ikisinide kullansak olmaz mı? Birde İnternette araştırdığımda için 4.01 ve 5 farklarında şunu diyor açıklar mısınız? HTML 4.01'de etiketi üstü çizili metin tanımlamak için kullanılır, önerilmez. HTML 5'de etiketi doğru metin tanımlamak için kullanılır.

[@AnilKamijou]

adaaam

[@halitarslan8813]

tayfun abim

[@aechis7652]

Bu visual studio code'deki şeyi nasıl google'de açıyorsun abi?

[@muhammedaliyev7170]

Abi canini yerim.Ama Sublime Text 3-de var

[@alisadygov2174]

o ne?

[@bunyamin4]

tab olayı bende olmuyor

[@AliYusufovv]

Merhaba hocam ben visual studio'da yaptığım değişiklikleri hemen sayfayı güncelleyerek göremiyorum illa oradan kapatmam gerekiyor bunu nasıl düzeltebilirim ?

[@sudesahinoglu2410]

kapatmam gerekiyor derken anlamadım kapatmana gerek yok uygulamayı visual studioda iken ctrl tuşuna ve s ye bas direk güncelleniyo sonra googleye geri dön sayfayı yenıle yaptıgın degısıklıkler ekrana gelıyo hemen.kısaca ctrl+s yap.tabi sorunun bu muydu emındegılım.

[@AliYusufovv]

@@sudesahinoglu2410 teşekkür ederim 😊

[@sudesahinoglu2410]

sorun bu muydu 🙂 rica ederim@@AliYusufovv

[@AliYusufovv]

@@sudesahinoglu2410 evet yaa buydu djdjd , başka epey zorlanmıştım yaptığım değişiklikleri göremiyorum , ama elhamdulillah şu an hızlı hızlı bakıyorum ctrl+s çok işime yaradı

[@recepkendirci7556]

bu yazdığımız örnekleri kaydetmeli miyiz yoksa silip yeni derse mi başlayalım ?

[@PROTOTURKCOM]

kaydet dursun, yıllar sonra dönüp vay be dersin :)

[@whiteplatform3248]

Nasıl kaydediyorsunuz?

[@Akifum]

Dakika 8:08'e kadar tek tek yazan bne :D

[@elifaslan2424]

kodları yazdıktan sonra run diyorum fakat bir türlü webde sayfayı açmıyor.Bu tarz bir sorunla karşılaşan oldu mu ?

[@munevverozturk3332]

ctrls yap

[@munisqarayev6586]

hocam etiketinde neden birinde H2O (2 aşağıda geldi) diğerinde 10 üzeri 2 geldi (yani 2 üstünde geldi )

[@HouNDAA_]

knk birinde yani aşağı getirme birinde yani yukarı getirme

[@munisqarayev6586]

@@HouNDAA_ sonradan bulmuştum yine de teşekkür ederim kardeşim

[@HouNDAA_]

@@munisqarayev6586 sıkıntı yok

[@eysa9471]

7:58 hocam neden baştan demiyosunuz ya :d

[@tgkrst]

Küçük tayfun (şüpheli)

[@muhammedomerdemirci]

Abi bütün herşeyi göndermemin sebebi belki yukarda yaptığım bir hatadan dolayı olabileceğini düşünmem.

[@lrxselim707]

Küçük Tayfun :D

[@katstyle6122]

ile arasındaki fark ne ikiside aynı gibi duruyor?

[@PROTOTURKCOM]

u sadece altını çizer, ins altını çizer ancak ikinci bir anlam olarak eklenmiş metni temsil eder. Yani arama motorları onun yeni eklenen bir metin olduğunu bilirler :)

[@katstyle6122]

Prototürk - Yazılım ve Tasarım Dersleri çok teşekkür ederim abi html derslerinin hepsini izledim uygulamalı olarakda yapıyorum ancak css deolarını izlediğimde biraz karışık geldi. Web site tasarladığımda herkesin görmesini nasıl sağlayabilirim?

[@omerseker1122]

Ya benim bir sorum olacak p yazıp TAB bastığımızda benim bilgisayarım yazıyı tamamlamıyor sadece boşluk bırakıyor yadım eder misiniz ayarı falan mı var bulamadım

[@bariscodefx]

eklenti kurman gerek

[@nurdanasci8869]

bendede

[@fatihtunc9325]

merhaba eline emeğine sağlık da neden H da 2 alta geçerken 10 da yukarı çıkdı teşekkürler

[@PROTOTURKCOM]

h2o örneğinde sub kullandık, 10 üzeri 2 örneğinde sup kullandık yani ve adına iki farklı etiket var orada

[@fatihtunc9325]

@@PROTOTURKCOM çok teşekkür ederim.

[@muhammedomerdemirci]

nasıl yapılacağını yazarsan çok teşekkür ederim abi

[@zeinette.extra-]

Yazının rengini değiştirme nasıl oluyor acaba?

[@Thelandoftheartist]

etiketi içine color parametresini girip ardından böyle yaparsan metin renklenecektir.

[@mertalkan7162]

Hocam bir sonraki indirim ne zaman acaba ?

[@PROTOTURKCOM]

indirim derken hocam?

[@mertalkan7162]

@@PROTOTURKCOM Hocam Udemy deki kurs ücretleri için sordum, indirim zamanları oluyor sanırım

[@ardakoncagul7883]

abi ben yazıyı nasıl ortaya alcam onu merak ediiyorum bana kısaca anlatırmısın

[@PROTOTURKCOM]

text-align: center;

[@EditmanTR]

Hem italik hem kalın hem vurgulu hemde altı çizili bir kelime yapmak istiyorsam ne yapmalıyım?

[@PROTOTURKCOM]

YAZIN BURAYA ancak css öğrendikten sonra bir div oluşturup gerisini css'de vermek daha mantıklı tabi ki :)

[@EditmanTR]

@@PROTOTURKCOM Derslere bir kaç saat önce başladım o kadar gelişemedim ama çok teşekkürler tek vasfı oyun oynamak birine bir şeyler öğretiyorsunuz :)

[@PROTOTURKCOM]

@@EditmanTR hepimiz öyle başladık sorun yok :) saat sabah 5'te alarm kurar knight savaşlarına katılırdım ben de zamanında ^^

[@Alceinnn]

7:55 Not defterı kullananlara ufak bır diss sezdim

[@emiryuksel4821]

insert ve delete

[@nobodynoone343]

Abi bence soyledigin gibi css kullanildiginda bu etiketlere gerek kalmiyor

[@batuhanbinbirdag8833]

küçük tayfun.d

[@BeratKocum]

yanlıs anlamadıysam adı tayfun erbilen

[@quinta902]

[@Cool_Cat189]

abi s etiketi çizginin inglzcesi

[@PROTOTURKCOM]

Stripe değilde strikethrough muhtemelen

[@sinanyvzylmz]

s ve u yu ilk kez gördüm

[@miner1546]

Abi attın attın ama tutamadınmı

[@Kkayaserhat]

abi merhaba neden bugünkü etiketlerini p etiketi ile örnek verdin özel bir sebebi var mı? kendim kontrol ettiğimde body içerisine yazdığım normal yazı ile eriketi içerisine yazdığım yazı arasında herhangi bir fark göremedim bu videoda p etketini gösterdiğin için mi bütün örnekleri paragraf etiketi içerisinde kullandın?

[@sergen7185]

P etiketi paragraf ekler karışıklık olmaması ve temiz bir kod çalışması için p etiketini kullanıyor sadece body etiketi içerisine hepsini koysaydı w3c kurallarına aykırı olurdu sen dilersen br etiketi ile de yapabilirsin fakat dediğim gibi sadece body nin içerisine kodsuz yazarsan w3c'ye aykırı olmuş olur

[@yavuzdogan2338]

oynatma hizini 1,25 normal konusmaya basladin abi

[@alonegiyu]

4:40 wujuwujuwujuwujuwujuwujuwujuwuju dell e ins diye

[@yusufilyasakbalik]

ben u etiketi koymam direk olarak doğrusunu yazarım daha kısa daha kolay

[@PROTOTURKCOM]

doğrusu ne oluyor, söyle biz de öğrenelim

[@yusufilyasakbalik]

@@PROTOTURKCOM doğrusunu yazarım derken yazıya gelirim yanlış yazdığım yeri düzeltirim

[@PROTOTURKCOM]

@@yusufilyasakbalik hala anlamadım söylediğin şeyi, u etiketi yazının altını çiziyor, senin dediğin şey ne? neyin daha kısayolu, neyi direk yazarsın?

[@yusufilyasakbalik]

@@PROTOTURKCOM video içinde yanlış yazilan kelimelerin altını ćizebiliriz dedin ya işte altını çizmem gider kelimeyi siler yanlış kelimenin doğrusunu yazarım inş anlatabilmişimdir

[@PROTOTURKCOM]

anladım, ama sen işin özünü kaçırmışsın, bildiğin gibi devam et :)

[@ferhatkoc654]

Sen adamsın varya ❤️ ama tek sorun var visual code den beni sayfaya atmıyor bende visual code den yazıyom not defterine geçiyorum .d

[@remzibalakishiyev6290]

Ctrl+s yapip save etmeniz gerekir

[@whoami1287]

Live Server indir visual studionun icersinde zaten onunla sayfada iseye bilirsin yazdiqin kod aninda orda belirir.Tesekkurler🙂

[@furlandemirr.l]

4.ders yok 5'e atladım

[@PROTOTURKCOM]

buyur kardeşim -> kzbin.info/www/bejne/rKvQhIenrJaLabM

[@elvinqachayli4840]

Abi sesi biraz yukselte bilirmisin? ben kulakliksiz dinlemeyj seviyorum o zamanda bilgisayarda sesi cok cikmiyor

[@lenfy.]

br etiketini otomatik olarak kapatmadığı için kendim yapmakla uğraşıyordum sonradan kapatmaya gerek kalmadığını fark ettim 😅