HTML border genişliği ayarlama

cinar112 · 14 Ağustos 2022

Kenarı nasıl kısaltabilirim?

Calone · 14 Ağustos 2022

cinar112 dedi:
Evet?

<font> tagı artık desteklenmiyor HTML5 ile kalktı ve proje çok karışık div kullanmanız gerekiyor, font family ve font size CSS üzerinden ayarlanacak yani çok fazla yanlışınız var bence baştan bir tutorial izleyin.

Telefonda olduğum için fazla yapamadım ama sizin için bir örnek anlamanız için:

HTML:

HTML:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>Proje</title>
    <link rel="stylesheet" href="index.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
    <div id="gir">
        <h2>Proje</h2>
        <h6><a>Giriş Yap</a></h6>
    </div>
</body>
</html>

CSS:

body{
    padding:0;
    margin:0;
    font-family: 'Roboto', sans-serif;
}

#gir {
    display:flex;
    justify-content:space-around;
    align-items:center;
    border:1px solid #000;
    border-radius:12px;
    width:100%;
    height:40px;
}

cinar112 · 14 Ağustos 2022

Calone dedi:
<font> tagı artık desteklenmiyor HTML5 ile kalktı ve proje çok karışık div kullanmanız gerekiyor, font family ve font size CSS üzerinden ayarlanacak yani çok fazla yanlışınız var bence baştan bir tutorial izleyin.

Telefonda olduğum için fazla yapamadım ama sizin için bir örnek anlamanız için:

HTML:

HTML:

<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <title>Proje</title> <link rel="stylesheet" href="index.css"> <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet"> </head> <body> <div id="gir"> <h2>Proje</h2> <h6><a>Giriş Yap</a></h6> </div> </body> </html>

CSS:

CSS:

body{ padding:0; margin:0; font-family: 'Roboto', sans-serif; } #gir { display:flex; justify-content:space-around; align-items:center; border:1px solid #000; border-radius:12px; width:100%; height:40px; }

W3Schools'tan ilerliyorum. Siz nereyi önerirsiniz ?

Calone · 14 Ağustos 2022

cinar112 dedi:
W3Schools'tan ilerliyorum. Siz nereyi önerirsiniz ?

Bence önce HTML videoları ile başlayın ama her gün tekrar ederek ilerleyin sonra temel CSS videoları izleyin, CSS öğrenmek zaman alan birşey ve tutorial şart. Dokümantasyon ile ilerlemeniz pek doğru olmaz o orta seviye için siz önce temeli kavrayın.

cinar112 · 14 Ağustos 2022

Calone dedi:
Bence önce HTML videoları ile başlayın ama her gün tekrar ederek ilerleyin sonra temel CSS videoları izleyin, CSS öğrenmek zaman alan birşey ve tutorial şart. Dokümantasyon ile ilerlemeniz pek doğru olmaz o orta seviye için siz önce temeli kavrayın.

Nereden izleyeyim videoları önerdiğiniz bir yer var mı ?

Calone · 14 Ağustos 2022

cinar112 dedi:
Nereden izleyeyim videoları önerdiğiniz bir yer var mı ?

Bu arkadaş mühendis ve anlatımı çok iyi bana göre:

HTML:

https://youtube.com/playlist?list=PLld6WWpFK1nG7xYaIUnSLGACpJqTu3meq

CSS:

https://youtube.com/playlist?list=PLld6WWpFK1nHnVuDzkNrBAFdE-pOaSTpn

Kafanızın karışacağı bölümler için mini oyunlar:

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

Grid Garden

A game for learning CSS grid layout

cssgridgarden.com

Flexbox derslerini isterseniz izleyin ama oyun ile öğrenmeniz daha kolay olur ben o şekilde öğrendim:

https://youtube.com/playlist?list=PLld6WWpFK1nFpLWk6pVIxs0ojX6LEbAEj

cinar112 · 14 Ağustos 2022

Calone dedi:
Bu arkadaş mühendis ve anlatımı çok iyi bana göre:

HTML:

https://youtube.com/playlist?list=PLld6WWpFK1nG7xYaIUnSLGACpJqTu3meq

CSS:

https://youtube.com/playlist?list=PLld6WWpFK1nHnVuDzkNrBAFdE-pOaSTpn

Kafanızın karışacağı bölümler için mini oyunlar:

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

Grid Garden

A game for learning CSS grid layout

cssgridgarden.com

Tamamdır sağ olun.

eax · 14 Ağustos 2022

Hocam çok karışık yazılmış. Div, span kullanmanız gerek HTML5 dersleri izleyin. HTML4 etiketleri kullanılmıyor. Ayrıca CSS’te Flexbox öğrenmeniz gerek. Float kullanılmıyor. Flexbox öğrenmeniz çok uzun sürmeyecektir zaten. Oldukça basit bir mantığa sahip.

vayne ban · 14 Ağustos 2022

HTML5 derslerine bi göz atmanda fayda var.

kKerem · 26 Ağustos 2022

kodları jsfiddle.net e koyarsanız yardımcı olabilirim

cinar112 · 26 Ağustos 2022

Calone dedi:
Bu arkadaş mühendis ve anlatımı çok iyi bana göre:

HTML:

https://youtube.com/playlist?list=PLld6WWpFK1nG7xYaIUnSLGACpJqTu3meq

CSS:

https://youtube.com/playlist?list=PLld6WWpFK1nHnVuDzkNrBAFdE-pOaSTpn

Kafanızın karışacağı bölümler için mini oyunlar:

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

Grid Garden

A game for learning CSS grid layout

cssgridgarden.com

Flexbox derslerini isterseniz izleyin ama oyun ile öğrenmeniz daha kolay olur ben o şekilde öğrendim:

https://youtube.com/playlist?list=PLld6WWpFK1nFpLWk6pVIxs0ojX6LEbAEj

Merhaba dediğiniz youtube kanalından html ve css'i bitirdim javascript'e geçeceğim fakat şöyle bir yorum gördüm "Jsye geçiş yapıyorum. Size sorum olucaktı. 1. Jqeury çok eksidi , Avrupa terkediyor yerine react ve s. Gibi şeyler alıyor diyorlar. Bu durumda jqeury öğrenmesek olur mu ? 2. Dersler 2 sene öncesine ait. Şu an güncel Midir ? Bir problem olur mu ? " ne yapmalıyım ? Ayrıca 100 bölüm beni biraz korkuttu.

HTML border genişliği ayarlama

Ayrıntılı düzenleme

cinar112

Hectopat

Calone

Hectopat

cinar112

Hectopat

Calone

Hectopat

cinar112

Hectopat

Calone

Hectopat

Flexbox Froggy

Grid Garden

cinar112

Hectopat

Flexbox Froggy

Grid Garden

eax

Hectopat

vayne ban

Hectopat

kKerem

Kilopat

cinar112

Hectopat

Flexbox Froggy

Grid Garden

Benzer konular