Obrázek v záhlaví – HTML / XHTML – Fórum – Programujte.com

Mám takový problém. Začínám s děláním webů, a nevím jak dát obrázek do záhlaví. Zanechal jsem tu obrázky, které by mohly pomoct ve vysvětlování.

Připojen obrázek.

 pokud obrázek se nenačítá : https://puu.sh/z6tiq/388979295f.png
 

A jak si to představuji :

Připojen obrázek.

 pokud obrázek se nenačítá : https://puu.sh/z6tPP/dccf6660eb.png

Samozřejmě vím, že se obrázek přidává pomocí "<img>", ale nevím co napsat v css, tak aby to bylo v tom rozmezí headeru.
Tady zanechám kód od headeru.

/* Hero Section */
.hero {
	background-color: #666666;
	padding-top: 150px;
	padding-bottom: 150px;
	padding-right: 0px;

Děkuji za jakoukoli pomoc.

background-image?
https://www.jakpsatweb.cz/…kground.html

Mimocchdem, kdyz das do google = image css example, tak to urcite najde priklad na obrazek pres css.

Já bych tam raději použil ten <img src="*.*" style="max-width: 100%"> protože když se obraáek nenačte alespoň tam nebude trčet prázdné místo a aby se to dalo udělat responzivní.

css3 umoznuje udelat obrazek zvetsovaci. Nema smysl na nej pouzivat cizi slova, kdyz nevi ani zaklady.

CSS to sice umoznuje, ale zbytecne bude muset resit vysku toho bloku. Obzvlast kdyz bude definovana hornim a spodnim paddingem v pixelech. Vim, ze logicky to patri do css, ale je to zbytecne komplikovane, kdyz je ten zacatecnik. Mimochodem pro pojem responzivni se v cestine nepouziva zadny preklad a google mu to urcite rychle osvetli. Musi uz od zacatku alespon trochu vedet jak stranku prizpusobit pro mensi zarizeni, je to nezanedbatelna cast zobrazeni. 

Jasne, souhlasim, img bych volil i ja. Ale on se ptal, jak to udelat v css.

To je pravda, omlouvam se, ze tedy uplne odpovim az ted, ale melo by to byt asi takto. U headru zrusit padding. Vlozit do nej <img src="obrazek.pripona"> a pro ten img nastavit max-width: 100%. Tedy pokud je header s tridou hero, potom:
 

.hero {
	background-color: #666666;
	padding: 0;
	margin: 0;
}
.hero img{
	max-width: 100%;
	padding: 0;
	margin: 0;
}


<div class="hero">
	<img src="obrazek.pripona">
</div>