owen78 ha scritto:
Salve sto cercando di imparare l'html ma mi riesce molto difficile,ho acquistato anche un libro,cercavo di costruire un sito di fantasia nè ho trovato uno a caso di una tipografia,potete correggermi tutti gli errori/orrori che ho commesso sia sul foglio html e sia sul foglio css?se mi date una mano sono una persona che apprende in fretta se vengo aiutato,vi ringrazio anticipatamente,sò che per chi conosce html e css una cosa del genere la fate in 1 minuto io c'ho messo 2 giorni... grazie
la pagina htmtl è questa
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tipografia Qquadrifoglio di tizio e caio</title>
<link rel="stylesheet" href="css/stile2.css">
<!--google font-->
<link href="https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c|Merriweather" rel="stylesheet">
<!--fontawesome-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
</head>
<body>
<header>
<div id="inizio">
<p class="ciro">Tipografia Litografia Digitale</p>
<img class="pino" src="img/mail.png">
<p class="fabio"> infolatipografia.it</p>
<img class="lino" src="img/cell.png">
<p class="gina">333/5648464645</p>
</div>
</header>
</body>
</html>
css è questo:
body{
margin:0 auto;
}
#inizio{
background:#BFBF00;
width:100%;
height:80px;
padding:1px;
position:relative;
}
.ciro{
color:white;
font-family: georgia;
margin-top:25px;
margin-left:45px;
}
.pino{
float:right;
margin-right:500px;
margin-top:-29px;
}
.fabio{
float:right;
margin-top:-25px;
margin-right:-160px;
color:white;
font-family:georgia;
}
.lino{
float:right;
margin-right:-300px;
margin-top:-30px;
padding-left:100px;
}
.gina{
float:right;
margin-right:-410px;
margin-top:-30px;
color:white;
}
Ciao owen, prima di tutto ricordati di inserire il codice dentro il tag "code" così possiamo leggerlo tutti meglio
Comunque, per essere alle prime armi stai studiando correttamente!
Di seguito ti lascio dei consigli, così puoi capire e studiare correttamente.
La programmazione, sia quella web che bella offline, è bella proprio perchè impari dai tuoi errori.
Quando sei alle prime armi è normale metterci tanto, perchè non sei abituato a scrivere l'html o in un linguaggio di programmazione.
Ho visto che hai preso del codice html da un sito e l'hai modificato, e l'hai modificato bene, però ti consiglio di metterci 2 settimane, 1 mese per fare il tuo sito personale, così da capire dove devi migliorare le tue skills.
ed ecco le mie domande:
- #inizio: hai usato il position relative perchè? sai a cosa serve? o l'hai copiato? infatti se lo togli non cambie niente
- copiando l'header hai lasciato dentro dei commenti e altri codice inutile che a te non servono. Riesci a capire quali sono? (se non riesci te lo dico io ma tu provaci )
- cosa molto importante però, è la classe ciro. Essendo il titolo del sito è sbagliatissimo (per tante ragioni che scoprirai studiando) metterlo come paragrafo, ma dovresti metterlo con il tag < h1 > che vuol dire semplicemente header 1