Skocz do zawartości

jak zakodowac cos w html?

lew2

Przez lew2
w HTML i CSS

Rekomendowane odpowiedzi

Karlosky Newbie

Karlosky

Opublikowano
Opublikowano

Polecam:

https://lmgtfy.com/?q=kurs+html

Skoro zadajesz takie pytania, pewnie zaraz pojawią się kolejne. Najlepiej będzie zgłębić temat samodzielnie od podstaw, a pytać dopiero w trudnych sytuacjach.

Moje skromne przemyślenia na temat pozycjonowania próbuję przedstawiać na blogu -> https://blog.karlosky.pl
Osoby zainteresowane współpracą w zakresie SEO zapraszam na stronę www.topmaker.pl oraz https://pozycjonowanie-bialystok.pl

Odnośnik do komentarza
Udostępnij na innych stronach
blazejs Community Regular

blazejs

Opublikowano
Opublikowano

<a href="https://link"><img src="zrodlo-pliku-NA-SERWERZE!!!!.png" alt="opis obrazka" width="szerokosc" height="wysokosc"></a>

O to chodzi? Czeka cie duzo nauki, teraz to troche bardziej skomplikowane niz w 1998 kiedy ja zaczynalem...

Artscape - tworzenie stron www | Pomóż Szajce Szarego Wilka: https://pomagam.pl/szajkowepsiaki

Odnośnik do komentarza
Udostępnij na innych stronach
lew2 Newbie

lew2

Opublikowano
  • Autor
Opublikowano

poprawcie mi to jak mozecie:

<html>

<head>

<title>www33</title>

</head>

<body>

<div class="1">

<ul class="menu">

<li><a href="#"class="active"><span>Strona Główna</span></a></li>

<li><a href="#"><span>Usługi</span></a></li>

<li><a href="#"><span>O mnie</span></a></li>

<li><a href="#"><span>kontakt</span></a></li>

</ul></div>

<div class="2">

<a title="Kliknij tu" href="11" class="button">O mnie</a><br><br>

<a title="Kliknij tu" href="22" class="button">Jak urzadzic akwarium</a><br><br>

<a title="Kliknij tu" href="33" class="button">Zdjecia akwarium</a><br><br>

<a title="Kliknij tu" href="44" class="button">Inne zwierzeta w akwarium</a><br><br>

<a title="Kliknij tu" href="55" class="button">Roslinnosc</a><br><br>

<a title="Kliknij tu" href="66" class="button">Opis ryb</a></div><br><br>

<div class="3">tresc</div>

<div class="4">stopka</div>

</body>

<style>

.11 body {

background:#fff;

font-family: 'arila';

padding: 100px;

font-size: 13px;

}

.button {

background: #339966;

color: #000;

padding: 5px 30px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.button:hover {

background: #000;

color: #fff;

padding: 5px 15px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.22 body {

background:#fff;

font-family: 'tahoma', 'Helvetica Neue', Helvetica, Arial, sans-serif;

padding: 100px;

font-size: 13px;

}

.button {

background: #339966;

color: #000;

padding: 5px 30px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.button:hover {

background: #000;

color: #fff;

padding: 5px 15px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.33 body {

background:#fff;

font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;

padding: 100px;

font-size: 13px;

}

.button {

background: #339966;

color: #000;

padding: 5px 30px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.button:hover {

background: #000;

color: #fff;

padding: 5px 15px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.33 body {

background:#fff;

font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;

padding: 100px;

font-size: 13px;

}

.button {

background: #339966;

color: #000;

padding: 5px 30px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.button:hover {

background: #000;

color: #fff;

padding: 5px 15px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.44 body {

background:#fff;

font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;

padding: 100px;

font-size: 13px;

}

.button {

background: #339966;

color: #000;

padding: 5px 30px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.button:hover {

background: #000;

color: #fff;

padding: 5px 15px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.55 body {

background:#fff;

font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;

padding: 100px;

font-size: 13px;

}

.button {

background: #339966;

color: #000;

padding: 5px 30px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.button:hover {

background: #000;

color: #fff;

padding: 5px 15px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.66 body {

background:#fff;

font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;

padding: 100px;

font-size: 13px;

}

.button {

background: #339966;

color: #000;

padding: 5px 30px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.button:hover {

background: #000;

color: #fff;

padding: 5px 15px;

font-weight: bold;

text-decoration:none;

cursor: pointer;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

}

.1

{

clear: both;

height: 100;

border: gray dashed 1px;

width: 850px;

background:#009966;

}

.2{

float:left;

height: 800;

border: gray dashed 1px;

width: 200px;

background:#009966;

}

.3{

float:left;

height: 700;

border: gray dashed 1px;

width: 650px;

background:#009966;

}

.4

{

clear: both;

height: 100;

border: gray dashed 1px;

width: 850px;

background:#009966;

}

body {

padding: 100px;

font-size: 13px;

}

/* MENU */

.menu{

margin:0 auto;

padding:0;

height:30px;

width:100%;

display:block;

background:none;

}

.menu li{

padding:0;

margin:0;

list-style:none;

display:inline;

}

.menu li a{

background:#339966;

border-radius: 20px;

-moz-border-radius: 20px;

-webkit-border-radius: 20px;

float:left; padding-left:15px;

display:block; color:#000;

text-decoration:none;

font:12px Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

cursor:pointer;

}

.menu li a span{

line-height:30px;

float:left;

display:block;

padding-right:15px;

}

.menu li a:hover{

background: #000;

color: #fff;

}

.menu li a.active, .menu li a.active:hover{

background: #000;

color: #fff;

}

</style>

</html>

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności