Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML - HyperText Markup Language (NetBeans (DOKONČIT :checkered_flag:…
HTML - HyperText Markup Language
editace
Textové editory
Atom
Sublime text
Coda
PSPad
IDE Editory
NetBeans
stažení
jdk
oracle
1) stáhnout Java platform - výběr OS
netbeans.org
2) stáhnout vše
PhP Storm
Elipse
Notepad ++
v LSI
NetBeans
soubor :file_folder:
nový projekt :file_folder:
PHP
programovací jazyk
PHP Application
project_name
umístění souboru - sources folder
PHP version
PHP 7.0
DOKONČIT
:checkered_flag:
Soubor :file_folder:
New file :file_folder:
HTML5/JavaSript
NÁSLEDUJÍCÍ
DOKONČIT :checkered_flag:
NOVÝ PROJEKT
:new:
<!DOCTYPE html>
nemazat :no_entry:
<!-- POZNÁMKA -->
můžeme mazat - je vidět v kódu
Psaní v HTML
FORMÁTOVÁNÍ textu
odstavec
<p>
...vlastní text...
</p>
tučný text
<b> Tučný text </b>
<strong> pro SEO </strong>
titulek
<title > můj titulek </title>
H1
<h1> hlavní nadpis </h1>
1 more item...
<h2> - <h6>
kurziva
<i> kurziva </i>
<em> pro SEO </em>
zalamování řádků
<br />
1 more item...
<br>
1 more item...
podtržený text
<u>podtržený text</u>
přeškrtnutý text
<s>přeškrtnutý text</s>
horní index
<sup>třeba značka copy</sup>
dolní index
<sub> text </sub>
odstavec
<p> to mi udělá odstavec </p>
neformátovaný text
<pre> </pre>
1 more item...
SPECIÁLNÍ ZNAKY
<code><
img
></code>
1 more item...
110
 
;Kč
1 more item...
<a href='
http://seznam.cz'>seznam.cz**
</a>**
otevření odkazu ve stejném okně
<a href='
http://google.com
' target=
'_blank'>
google.com</a><br>
otevření odkazu v novém okně
<a href='#'>
budoucí odkaz
</a>
slepý odkaz
<a href='
mailto:
mentlikovamagdalena@gmail.com'>mentlikovamagdalena@gmail.com
</a>
odkaz na mail
<a href='
tel:721777888'>721777888
</a>
odkaz na volání
OBRÁZKY
<img src="
obrazek.jpg
" alt='popis'>
musí být ve stejné složce
na místo "obrazek" píšeme název souboru i s koncovkou
<img src="dgobr.jpg" alt="obrázek" **width**="400">
width upravuje velikost obrázku
SEZNAMY
odrážkový
<ul> </ul>
číslovaný
<ol> </ol>
kombinovaný
TABULKY
<table>
otevírací tag
<tr>
řádek
<td>
sloupec
Sloučení buněk
<td colspan="x">
1 more item...
<td rowspan´"x">
1 more item...
ohraničení buňek
<table border="1">
1 more item...
FORMULÁŘE
<form> x </form>
<form action="data.php">
ODESÍLÁNÍ :postbox:
3 more items...
<td><input type="text" name="login"></td>
<td><input type="password" name="heslo"></td>
<table cellspacing="10">
zvětšení odsazení
Jméno<input type="text" name="jmeno" size="40">
Příjmení<input type="text" name="prijmeni" size="40">
E-mail<input type="text" name="mail" size="40" **value="@**">
atributy
5 more items...
RADIO
SELECT
POZNAMKA
Zkratky
Ctrl+R
odebrání řádku
Ctrl+D
duplikovat řádek
Ctrl+Z
zpět
:ambulance: POMOC :ambulance:
generátory textu
lipsum.com
blabot.cz
grafická témata, ikony, loga
bypeople.com
iconsflow.com
:check:
freepik.com
patternizer.com
podkres webu
behance.net
graphicburger.com
picjumbo.com
fotobanka :camera_with_flash:
pixabay.com/en
fotobanka :camera_with_flash:
all-free-download.com
coolors.co
barevná škála webu
kurzy
codecademy.com
dash.generalassemb.ly
fonty
fonts.google.com
http://fontawesome.io
iconfinder.com
identifont.com
zjištění fontu
o webech
jakpsatweb.cz
brokenlinkcheck.com
kontrola nefunkčních links
uptimerobot.com
kontrola dostupnosti webu
validator.w3.org
kontrola kódů
wummel.github.io
kontrola odkazů - links
www.google.com/webmasters
kontrola kvality webu
Akademie pro webmastery :school:
w3schools.com
VŠE O HTML :school_satchel:
