Başlangıç / Genel / HTML Kodları ve Görevleri

HTML Kodları ve Görevleri

Hemen hemen hepimizin hayalidir yazılımcı olmak. Sabah akşam PC başında deliler gibi hiç durmadan kod yazmak okuma hızında klavyeden metin girmek. Nasıl ama havalı olurdu dimi havalı olmasının dışında cebinize ve cüzdanınıza da pek hava aldırmıyıcak bir meslek-ek iş-fobi siz ne derseniz artık. Tabi bu da diğer bir çok şey gibi öyle doğuştan gelicek birşey değil bunu yalnızca gece yatağınıza yatıp kulaklığı taktığınız da rüya aleminde yaşamak yerine gerçekleştirebilirsiniz. Ama öncelikle sizin bir yerden başlayıp bir adım atmanız gerekmektedir.

Hadi gelin bir yerden başlayalım hep beraber.

Şimdi öncelikle eğer diyorsanız ben bunu yapmak istiyorum fakat kodu nereye yazacağım. Çok basit.

En güncel sürümü olan SUBLIME TEXT3 ü indirmekle başlayabilirsiniz. Kullanım arayüzü çok basit ve yeni başlayanlar için birebir bir uygulama .

Öncelikle Sublime Text 3 ü indirip kurduktan sonra uygulama açılınca size yapmanız gerekeni söyleyeyim.

Ctrl-S (kısa yol) tuşlarını kullanarak “SAVE” yapıyoruz siz istediğiniz bir yere kaydedebilirsiniz. Kaydetme işlemini yaparken ingilizce kelimeleri kullanmamaya dikkat edin yoksa kodunuz düzgün çalışmaz. Hatta siz hiç uğraşmayın direk”index.html” olarak kaydedin index ana sayfa anlamına gelmektedir. Dosya uzantısını “.html” olarak belirtmezseniz yine aynı şekilde kodunuz çalışmaz.

<HTML> = HTML sayfası başlatır.

<HEAD> = Sayfa Başlığı, meta etiketleri, sayfa tanımlamalarının yapıldığı kısım

<TITLE> = Sayfaya başlık ekler

<BODY> = Sayfa içeriğinin yer aldığı kısımdır body’nin içine; bgcolor = sayfaya arka plan rengi verir backgorund = sayfaya arka plan resmi verir link = sayfa da yer alan linklerin rengini değiştirir Vlink = sayfada ziyaret edilmiş linklerin renginin değiştirir

<H1>…<H6> = Başlık etiketidir Yazıyı başlık haline getirip kalın yazar

<B> = Yazıyı kalın yapar

<I> = Yazıyı italik yapar

<U> = Yazının altını çizer

<BR> = Alt satıra geçmek için kullanlır

<P> = Paragraf etiketidir

<OL> = Sıralı liste oluşturur “OL”nin içine; type = liste elemanlarının tipini belirler start = listenin başlangıç sayısını belirler

<UL> = Sırasız liste oluşturur “UL”nin içine; type = liste elemanlarının tipini belirler

<LI> = Listeye madde ekler

<HR> = Yatay çizgi eklemek için kullanılır “HR”nin içine; size = çizginin kalınlığını belirler width = çizginin genişliğini belirler align = çizgiyi yatay da hizalar

<IMG> = Sayfaya resim ekler “IMG”nin içine; src = resmin yolunu belirler width = resmin genişliğini belirler height = resmin yüksekliğini belirler

<FONT> = Metin biçimlendirmek için kullanılır “FONT” içine; color = metnin rengini değiştirir size = metnin büyüklüğünü değiştirir face = metnin yazı tipini değiştirir

<TABLE> = Tablo oluşturma etiketi “TABLE” içine; border = tablonun çerçeve kalınlığı belirlenir bordercolor = tablo çerçeve renginin değiştirir align = tabloyu hizalamak için kullanılır bgcolor = tablonun arka plan rengini değiştirir background = tablonun arka plan resmini esmini değiştirir width = tablonun genişliğini belirler height = tablonun yüksekliğini belirler

<TR> = Tabloya satır oluşturmak için kullanılır “TR” içine; bgcolor = satırın arka plan renginin değiştirir background = satırın arka plan resmini değiştirir width = satırın genişliğini belirler height = satırın yüksekliğini belirler

<TD> = Tabloya hücre ekler “TD”nin içine; bgcolor= hücrenin arka plan rengini değiştirir background = hücrenin arka plan rengini değiştirir width = hücrenin geinşliğini belirler height = hücrenin yüksekliğini belirler align = hücre içinde ki metni yatay da hizalar valign = hücre içindeki metni dikey de hizalar.

<FORM> = Form oluşturmak için kullanılır “FORM” içine; action = formun yönlendirileceği internet sayfası method = formdaki bilgilerin gönderiş şekli

<İNPUT> = Form nesnesi ekler “İNPUT” içine; type=”text” == metin kutusu ekler type=”password” == şifre alanı ekler type=”checkbox” == seçenek kutusu ekler type=”rado” == onay düğmesi ekler type=”reset” == temizleme butonu ekler type>=”submit” == gönderme botun ekler

<SELECT> = Açılır menü ekler

<OPTİON> = Açılır menü için eleman ekler

<TEXTAREA> = Metin alanı ekler “TEXTAREA” içine; cols = karakter sayısını ayarlar rows = satır sayısını ayarlar

Evet şimdilik bu kadar umarım sizin için faydalı bir içerik olmuştur.

Hakkında: admin

Kontrol Ediliyor

YENİ BİR TÜR KÖPEK BALIĞI FOSİLİ KEŞFEDİLDİ

Araştırmacılar yaklaşık 67 milyon yıl önce yaşamış bir köpek balığı fosili buldular. Galagadon nordquistae bilimsel adı …

20 yorumlar

  1. межкомнатные двери в дзержинске
    владимирские двери
    http://furnitura-dverj-zavesi.icu
    двери из алюминия входные
    деревянные двери цена
    http://zavesidverj-furnitura.icu
    пвх покрытие дверей что это
    железная дверь купить
    http://dverj-zavesifurnitura.icu
    двери межкомнатные витебск юркас
    двери стальные входные цены
    http://zasov-glazokzavesa.icu
    входные стеклянные двери минск
    межкомнатные двери венге стекло
    http://zavesidverj-furnitura.icu

  2. Приветствую всех! интересный у вас сайт!
    Нашел топ базу кино: царство сериалы онлайн бесплатно в хорошем качестве
    Тут: аниме онлайн бесплатно в хорошем качестве аниме 2019 смотреть бесплатно в хорошем качестве список 2018
    Тут: посмотреть боевик 2019 в хорошем качестве http://kinobibly.ru/boevik/ список 2018
    Тут: хороший детектив онлайн бесплатно http://kinobibly.ru/detektiv/ рейтинг 2019
    Тут: http://kinobibly.ru/9166-dag-layman-snimet-film-gambit.html Даг Лайман снимет фильм “Гамбит”
    Здесь: В Южной Корее открыли крупнейший в мире зал IMAX В Южной Корее открыли крупнейший в мире зал IMAX
    Здесь: http://kinobibly.ru/5573-iska-isuka-isuca-ivanaga-akira-sezon-1-2015.html

  3. Привет всем участникам форума! прикольный у вас сайт!
    Нашел интересную инфу: средства для потенции http://sportmanlife.ru/
    Здесь: кометика для красоты http://sportmanlife.ru/kak-stat-krasivoy/
    Здесь: Пояс EMS Trainer как быстро накачать пресс парню Пояс EMS Trainer накачать мышцы отжиманиями
    Здесь: maestro love видео maestro love отзывы

  4. Приветствую всех! класный у вас сайт!
    Нашел класную базу кино: смотреть сериал лесник все сезоны хорошего качества
    Тут: онлайн фильмы хорошем качестве отечественные http://kinovalenok.tv/otechestvennyy/ рейтинг 2019
    Здесь: приключения список лучших смотреть кино приключения смотреть бесплатно в хорошем качестве рейтинг 2018
    Тут: лучшие фильмы новинки кино бесплатно фильмы ужасов новинки смотреть в хорошем качестве рейтинг 2019
    Здесь: http://kinovalenok.tv/5846-alkatras-alcatraz-sezon-1-2011.html Смотреть Алькатрас / Alcatraz (Сезон 1) (2011) онлайн бесплатно
    Тут: Смотреть Смешарики: Азбука безопасности (Сезон 1) (2006) онлайн бесплатно Смешарики: Азбука безопасности (Сезон 1) (2006)

  5. продвижение сайта в яндексе цена
    заказать продвижение сайта
    https://seomafia.by/statji/kto-my-takie-i-stoit-li-nam-doveryat.html
    оптимизация сайта под продвижение
    раскрутка сайтов в рб
    https://seomafia.by/statji/po-povodu-garantij.html
    поисковое продвижение сайта специалистами
    продвижение сайта в сети
    https://seomafia.by/po-teme/realii-2018.html
    поисковое продвижение реклама сайтов раскрутка
    продвижение сайта в поисковиках

  6. Yay google is my king helped me to find this great internet site! .

  7. Привет всем участникам! класный у вас сайт!
    Нашел топ инфу: https://zen.yandex.ru/media/energysmi/kurort-pamukkale–mesto-dlia-otdyha-i-ozdorovleniia-5c7bedff2248a400aff2176f

  8. купить металлическую дверь входную недорого
    стили входных дверей
    http://roomdoor-home.icu
    металлические двери в ростовской области
    установка дверей межкомнатных старый
    http://door-home-room.icu
    раздвижные двери купить
    входная металлическая дверь из новостройки
    http://doorhome-room.icu
    окна пвх и двери пвх
    фурнитура складных для дверей
    http://dveri-domzamok.icu
    входные металлические двери барановичи цена
    металлические двери стекло и ковка
    http://domashpingaletdver.icu

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir