Html Genel Ayar // Basit Kodları Öğrenelim. #1

fruedfetih · 1 Ocak 2019

Merhaba Arkadaşlar Ben FruedFetih Bugün Sizlere Html Başlangıç olarak Öğrenmeniz Gereken Kodları Derledim Html'ye yeni başlayacak birinin temel olarak bu kodları bilmesi gerekmektedir.
HTMLye giriş için bu kodları yeterli olacağını düşünüyorum. Sayfanın yapımında göze hitap etmesinden çok öğretici olmasına dikkat ettim.

Kod:

<html>
  <head>
    <!-- **** etiketleri ile ek bilgiler veriliyor -->
    <**** name="author" content="Acemi tasarımcı">
    <**** name="description" content="Acemi tasarımcı web okulu">
    <**** name="keywords" content="web,html,css">
    <**** http-equiv="content" content-type="text/html; charset=iso-8859-9">
    <title>İlk HTML Denemem</title>
  </head>

  <!-- Body etiketi ile sayfamızdaki renkleri ayarlıyoruz -->
  <body text="#000000" bgcolor="#ffffff" link="#808080" vlink="#eaeaea" alink="#000000">
    <h1> Bu büyük boyutlu ortalanmamı bir başlık</h1>
    <br><center>
      <h1> Bu da büyük boyutlu bir başlık fakat ortalanmış.</h1>
    </center>

    <!--
      Center etiketi ile ortalama bittiği için buradan sonra sola dayalı
      yazılacaktır.
    -->
    <br><br>
    <font face="verdana" size="5" color="#800000">
      Buradan itibaren paragrafıma başlayacağım.
    </font>

    <!-- p etiketi kendiliğinden bir satır boşluk verdiği için satır atlamadım -->
    <p>
      Bu sayfayı yapmaktaki amacım etiketlerin ve bağlı kodların nasıl
      kullanıldığını göstermektir. Yukarıdaki kırmızı başlığı <font>
      etiketini kullanarak elde ettim. İnternette gezerken ziyaret ettiğiniz
      sayfaların kaynağını görüntüleyerek de değişik teknikler öğrenebilirsiniz.
    </p>

    <!-- başka sayfalara link verelim -->
    <a href="mailto:mailadresleriniziyaziniz">Bana e-mail yollayın</a><br><br>
    <br><br>

    <!-- HTML dosyanızı yazdığınız dizine abc.png adli bir resim yerleştirin -->
    Aşağıdaki resmin görüntülenmesi için HTML dosyanızın olduğu dizine
    <b>abc.png</b> resmini oluşturmalısınız.<br>
    <a href="http://www.linkgiriniz.com"><img src="abc.png" border="0"></a>
    <br><center>
    <hr width=80%>
    <u>Bu altı çizili bir yazı</u>, <i>bu yana yatık, italik, bir yazı</i><br>
    Bu sayfanın amacı <acronym title="Hyper Text Markup Language">HTML</acronym>
    kodları hakkında bilgi vermektir.
    <hr width=80%>

    <!-- Sayfanın başında başlatmış olduğumuz body etiketini bitiriyoruz. -->
  </body>
</html>

ZuL-RaA · 1 Ocak 2019

Kod:

<**** name="author" content="Acemi tasarımcı"> <**** name="description" content="Acemi tasarımcı web okulu"> <**** name="keywords" content="web,html,css"> <**** http-equiv="content" content-type="text/html; charset=iso-8859-9">
Bu büyük boyutlu ortalanmamı bir başlık

Bu da büyük boyutlu bir başlık fakat ortalanmış.


Buradan itibaren paragrafıma başlayacağım.
Bu sayfayı yapmaktaki amacım etiketlerin ve bağlı kodların nasıl kullanıldığını göstermektir. Yukarıdaki kırmızı başlığı <font> etiketini kullanarak elde ettim. İnternette gezerken ziyaret ettiğiniz sayfaların kaynağını görüntüleyerek de değişik teknikler öğrenebilirsiniz.

Bana e-mail yollayın



Aşağıdaki resmin görüntülenmesi için HTML dosyanızın olduğu dizine abc.png resmini oluşturmalısınız.
 
Bu altı çizili bir yazı, bu yana yatık, italik, bir yazı
Bu sayfanın amacı HTML kodları hakkında bilgi vermektir.

Üst taraf bozuk görünüyor.

Jusstthe · 1 Ocak 2019

Kod:

<html>
  <head>
    <!-- **** etiketleri ile ek bilgiler veriliyor -->
    <name="author" content="Acemi tasarımcı">
    <name="description" content="Acemi tasarımcı web okulu">
    <name="keywords" content="web,html,css">
    <http-equiv="content" content-type="text/html; charset=iso-8859-9">
    <title>İlk HTML Denemem</title>
  </head>

  <!-- Body etiketi ile sayfamızdaki renkleri ayarlıyoruz -->
  <body text="#000000" bgcolor="#ffffff" link="#808080" vlink="#eaeaea" alink="#000000">
    <h1> Bu büyük boyutlu ortalanmamı bir başlık</h1>
    <br><center>
      <h1> Bu da büyük boyutlu bir başlık fakat ortalanmış.</h1>
    </center>

    <!--
      Center etiketi ile ortalama bittiği için buradan sonra sola dayalı
      yazılacaktır.
    -->
    <br><br>
    <font face="verdana" size="5" color="#800000">
      Buradan itibaren paragrafıma başlayacağım.
    </font>

    <!-- p etiketi kendiliğinden bir satır boşluk verdiği için satır atlamadım -->
    <p>
      Bu sayfayı yapmaktaki amacım etiketlerin ve bağlı kodların nasıl
      kullanıldığını göstermektir. Yukarıdaki kırmızı başlığı <font>
      etiketini kullanarak elde ettim. İnternette gezerken ziyaret ettiğiniz
      sayfaların kaynağını görüntüleyerek de değişik teknikler öğrenebilirsiniz.
    </p>

    <!-- başka sayfalara link verelim -->
    <a href="mailto:mailadresleriniziyaziniz">Bana e-mail yollayın</a><br><br>
    <br><br>

    <!-- HTML dosyanızı yazdığınız dizine abc.png adli bir resim yerleştirin -->
    Aşağıdaki resmin görüntülenmesi için HTML dosyanızın olduğu dizine
    <b>abc.png</b> resmini oluşturmalısınız.<br>
    <a href="http://www.linkgiriniz.com"><img src="abc.png" border="0"></a>
    <br><center>
    <hr width=80%>
    <u>Bu altı çizili bir yazı</u>, <i>bu yana yatık, italik, bir yazı</i><br>
    Bu sayfanın amacı <acronym title="Hyper Text Markup Language">HTML</acronym>
    kodları hakkında bilgi vermektir.
    <hr width=80%>

    <!-- Sayfanın başında başlatmış olduğumuz body etiketini bitiriyoruz. -->
  </body>
</html>

Üst'ü bozukdu ben de düzelttim.
Keşke ol-ul, form bir de table kullansaydınız daha etkili olurdu.

Hll qnq · 1 Ocak 2019

Eline sağlık
Css içinde bekliyoruz

Html Genel Ayar // Basit Kodları Öğrenelim. #1

fruedfetih

Üye

ZuL-RaA

Kadim Üye

Jusstthe

Katılımcı Üye

Hll qnq

Uzman üye

Sosyal medya sayfalarımız