HTML

=//Introducere HTML//= https://www.w3schools.com/html/html_intro.asp

@ProiecteHTML =" Pentru a invata cat mai bine elementele prezentate in aceste lectii, exersati personal fiecare exemplu prezentat si creati si altele pornind de la acestea. "= =// http://www.marplo.net/html/introducere.html //= =//@https://www.w3.org/html///= =//https://www.w3schools.com/html/html_examples.asp//=

HTML Graphics
HTML CanvasHTML SVGHTML Google Maps

HTML Media
HTML MediaHTML VideoHTML AudioHTML Plug-insHTML YouTube

HTML APIs
HTML GeolocationHTML Drag/DropHTML Local Storage HTML Web Workers HTML SSE

HTML Examples
HTML Examples http://www.htmltemplates.net/licence.html Exemplu template descarcat

//__**Observaţie:**__// nu aveti voie, conform Legii drepturilor de autor, sa modificati linkul din subsolul paginii
http://tutorialehtml.com/ro/ghid-html-inchepatori-prima-pagina-in-html/

=Activitati=

A1. Prezentare generala
@http://www.marplo.net/html/elemente_html.html
 * [[file:Cum organizezi un site.doc]]

[|1.3. ElementeleHTML]
|| <!DOCTYPE HTML> // anunta ca este un document HTML



[|1.6.Paragrafe]
|| Biblioteca digitala Tudor Sorin @http://lab.infobits.ro/competente-digitale/pagini-web
 * []

**@http://www.w3schools.com/html/default.asp**
|| @http://info.mcip.ro/bac2010/cap%203%20-%20HTML.pdf

**@http://www.tutorialehtml.com/ghid-incepatori/prima-pagina-in-html.php**
|| **La. I.E. View/Source sau** ** CTRL+U pe toate browserele ** **..GoogleChrome** <span style="background-color: #ffffff; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;">Comentariul va fi plasat intre semnele __**""**__ ( https://tutorialehtml.com/ro/comentarii-html/ <span style="background-color: #ffffff; color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 14px;">)

A2. Inserare text/ imagini/ hyperlink/ embed(sunet/muzica)
2.1. **//recapitulare A1//** (paragrafe, text.....)@http://www.marplo.net/html/paragrafe_linie.html Background. Exemplu <body bgcolor="#00FF7F"> mai multe coduri aici combinatia : ** RGB ** - ** R ** ed ** G ** reen ** B ** lue- culorile albastru, roșu și verde sunt amestecate în diferite moduri pentru a produce o gamă largă de culori 2.2. @https://www.w3schools.com/html/html5_video.asp <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Your browser does not support the video tag. =<span style="background-color: #ffffff; color: #545454; font-family: arial,sans-serif; font-size: small;"> SWF (Shockwave Flash) = 2.3. **FormatareText** @http://www.marplo.net/html/format_text.html
 * <video width="320" height="240" controls>**
 * <embed src="helloworld.swf">** ( https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_embed )

<span style="background-color: #ffffff; font-family: 'Segoe UI',Arial,sans-serif; font-size: 30px;">Create A Slideshow
https://www.w3schools.com/howto/howto_js_slideshow.asp =<span style="background-color: #ffffff; font-family: 'Segoe UI',Arial,sans-serif; font-size: 36px;">How TO - Modal Images = https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal_img https://tutorialehtml.com/ro/links-in-html-atributul-href/ [] || ( http://info.mcip.ro/bac2010/cap%203%20-%20HTML.pdf )" || <span style="font-family: Calibri,sans-serif; font-size: 14pt;">[] || ====** Observatii pentru inserarea unei imagini :** " **Dacă imaginea** se afla **în acelaşi director** cu fişierul HTML care face referire la imagine,atunci adresa URL a imaginii este formată numai din numele imaginii, inclusiv extensia. **Dacă imaginea se afla într-un subdirecto**r al directorului paginii HTML din care este apelata, să spunem "images", atunci aceasta este apelata cu URL-ul: "/images/imagine1.jpg". În schimb, **dacă**==== **fişierul imagine este situat într-un director "images" dintr-un super director al directorului pagini**iHTML apelante, referirea se face cu URL-ul: "../images/imagine1.jpg".
 * @http://www.tutorialehtml.com/htmlt/imagini.php || @http://www.tutorialehtml.com/htmlt/background.php ||
 * @http://www.tutorialehtml.com/htmlt/links_text.php
 * (interne/ancore în pagină, (creare id="nume ID"..trimitere a href="#id")locale sau globale)**
 * @http://www.tutorialehtml.com/htmlt/coduri_pt_muzica.php || http://www.voki.com

Harti de Imagine http://www.marplo.net/html/harti_de_imagini.html http://www.youtube.com/watch?v** =t3217H8JppI ** = Symphony No. 9 ~ Beethoven =
 * ==Inserare cod Youtube==
 * secventa de cod poate fi modificata foarte simplu: **
 * copiati codul melodiei mentionat dupa semnul= **
 * si modificati secventa alaturata ** || = Exemplu: =

" frameborder="0" allowfullscreen><**/iframe**>
||

A3. Inserare tabele/liste
@http://www.tutorialehtml.com/htmlt/liste.php ||
 * [[file:EXEMPLE TABELE.doc]] || @http://www.tutorialehtml.com/htmlt/tabele.php

**FrameSet/orizontal/vertical/combinat (**http://www.w3schools.com)

 * <!DOCTYPE html>

<frameset **rows**="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm">

[3] || <frameset **cols**="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm">

[4] || <!DOCTYPE html>

<frameset **rows**="50%,50%"> <frame src="frame_a.htm"> <frameset **cols**="25%,75%"> <frame src="frame_b.htm"> <frame src="frame_c.htm">

[5] ||
 * Exemplu [[file:TestFrame.rar]]**
 * 1) http://www.marplo.net/html/cadre.html
 * 2) http://htmlhelp.com/faq/html/frames.html#frame-target
 * 3) http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_frame_rows
 * 4) http://www.w3schools.com/tags/tag_frameset.asp
 * 5) http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_frame_mix
 * 6) http://www.quackit.com/html/examples/frames/

A4. Liste
Exemplu liste + DIV/SPAN ( preluat de la adresa http://www.marplo.net/html/div_span.html ) Titlul <style type="text/css"> span { border:2px solid red; padding:1px; color:#1111fe;// cod culoare albastru } Exemplu de text cu eticheta SPAN in interiorul frazei. <ul> <li>Linia 1</li> <li> Linie 2, in span </li> <li>Linia 3</li> <li> Linie 4, in span </li> <li>Linia 5</li> </ul>

A5. Formulare

 * [[file:Crearea unui formular.doc]] || [[file:Tutorial Forms (1).doc]] ||
 * @http://www.tutorialehtml.com/htmlt/formulare.php ||  ||

A6. CSS
DIV/SPAN
 * [[file:tutorial_css.doc]] || [[file:css.doc]] ||

A7. Proiect
@http://www.wix.com/startyoursite/hiker-en?experiment_id=www.marplo.net%5E94265877019%5E%5Ehtml%20templates&gclid=CPai4vCq3swCFcyRGwodK8cB0w&utm_campaign=bi_ads_en_sca_4%5Etemplates_img&utm_medium=cpc&utm_source=google

MeniuExempluCodHTML

=//Inserare Harta Google Maps//= E1. https://developers.google.com/maps/documentation/javascript/get-api-key E2. consultati codul de aici https://www.w3schools.com/graphics/tryit.asp?filename=trymap_basic

**Linkuri utile**
=<span style="color: #333333; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 26px; vertical-align: baseline;">Crearea de animații în CSS: unelte și tutoriale utile = https://www.sololearn.com/Courses/ PlatformeUtile @http://www.tutorialehtml.com/extras/validatoare-html.php =[|HTML Tutorial - Tabel de culori in HTML]= @http://www.tutorialehtml.com/htmlt/frames.php [] http://www.marplo.net/html/crearea_pagini.html http://www.htmlhelp.com @ExempleHTML Tutoriale @http://www.drogoreanu.ro/tutorials/index.php

[] informatii HTML(info.mcip.ro) Linkuri utile programare pagini web @http://www.joomla.ro/ @https://www.meteor.com/ <span style="display: block; height: 1px; left: 0px; overflow: hidden; position: absolute; top: 1737px; width: 1px;">
 * || &copy; Copyright 2010. Designed by ||
 * || &copy; Copyright 2010. Designed by ||