O que está de errado?

Arthurcolt · 12 de fevereiro de 2016

Estou aprendendo HTML e CSS a uns 2 dias e hj fui criar meu primeiro site e quando escrevia dentro do <h2> <p> fica como se fosse um link, e os verdadeiros links n funcionavam

Olhem o HTML e o CSS:

body{
	
}

#topo{
	width: 960px;
	height: 180px;
	background:url(../Img/FundoTopo.jpg) no-repeat;
	margin: 0 auto;
	

}

#topo img{
	padding-top: 20px;
	padding-left: 15px;
}

#menu{
	width:920px;
	height:40px;
	margin-top: 80px;
	background: black;
	list-style-type:none;
}

#menu li{
	float:left;
	margin-right: 100px;
	font-size: 32px;
	padding-left: 80;
	
}

#menu a {
	color:#FFFFFF;
	text-decoration:none;
}

#menu a:hover{
	color: #FF4500;
}

#content{
	width: 960px;
	height: 700px;
	margin: 0 auto;
	background:#F8F8FF;
	margin-top:39px;
}

#content h2{
	color:Black;
	text-emphasis:none;
	padding-top: 40;
	padding-left:55;
}

#content p{
	color: Black;

<doctype html/>

<html lang="pt-br">
	<head>
    	<title>Therium Word Online</title>
        <meta charset="utf-8"/>
        <link rel="stylesheet" href="CSS/Normalize.css"/>
        <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700' rel='stylesheet' type='text/css'/>
        <link rel="stylesheet" href="CSS/Estilo.css"/>
    </head>
    
    <body>
                <div id="topo">
                        <h1><img src="Img/Logo.png" /></h1>
                       
                            <ul id="menu">
                                <li><a href="#"/>Classes</li>
                                <li><a href="#"/>Home</li>
                                <li><a href="#"/>Download</li>
                            </ul>
                </div>
                
                <div id="content">
                    <h2>Novidades</h2>
                    <h3>Suposta classe decoberta no mundo de Therium o Ladino</h3>
                    <img src="Img/Classes/8ffe87c5bbaeb97f4fca8f777a8dc94a.jpg"/>
                </div>
    </body>
</html>

igor super-homem · 12 de fevereiro de 2016

muito simples

você não fechou nenhum link

o html correto seria

<ul id="menu">
                                <li><a href="#">Classes</a></li>
                                <li><a href="#">Home</a></li>
                                <li><a href="#">Download</a></li>
                            </ul>

Arthurcolt · 12 de fevereiro de 2016

Obrigado eu achei que o link poderia ser selfclose (que a palavra e essa) pode até ver que eu Fechei

Mas muito obg n reparei

DiF · 12 de fevereiro de 2016

@Arthurcolt Sim é exatamente isso como já falaram.. o html não se auto fecha. são pouquíssimas tags que permitem isso.. por exemplo o elemento <input> permite.

Uma observação, Use sempre os elementos corretos para cada função... por exemplo se é títulos use H1, se é sub-títulos H2... isso vai permitir seguir a semântica... e validar na W3c.

Arthurcolt · 12 de fevereiro de 2016

@dif Sim o H3 e porque eu tava testando te todos estavam como link, acho que foi isso que você viu

DiF · 12 de fevereiro de 2016

@Arthurcolt Não... eu vi o erro de semântica mesmo. Veja ali no código o H1 você usou para colocar uma imagem. e o H2 e H3 dentro do elemento div content.

O erro dos links era o <a> mal fechado mesmo. já do que estou estou falando é uso incorreto do elemento.

Os elementos H servem para uso de headers em texto.. Agora se você quer criar um cabeçalho que tenha imagens, deves usar o elemento <header> do html5.