Curbe Bezier și text desenat în web design

|

Curba Bezier <html> <body> <canvas id=”canvas” width=”300″ height=”300″ style=”border: 1px solid #c3c3c3;”> Oh no! This browser does not support HTML5 🙁 </canvas> <script> context.beginPath(); context.moveTo(10, 130); context.bezierCurveTo(0, 10, 290, 10, 290, 290); context.lineWidth = 10; context.strokeStyle = black; context.stroke(); </script> … Citeşte mai mult

Canvas în web design: Afișarea de triunghiuri în HTML5

|

<!DOCTYPE html> <html> <body> <canvas id=”canvas” width=”300″ height=”300″ style=”border:1px solid #c3c3c3;”> Oh no! This browser does not support HTML5 🙁 </canvas> <script> var canvas=document.getElementById(“canvas”); var canvas1=canvas.getContext(“2d”); canvas1.beginPath(); //declare the beginning of settings for our line canvas1.strokeStyle = “rgba(50, 0, 0, … Citeşte mai mult

Atribute în HTML

|

Atributele HTML modifică comportamentul unui element. Atributele vă permit să schimbați dimensiunile, culorile, să specificați locațiile linkurilor și multe altele. Au două componente principale: <name attribute1=“value1” attribute2=“value2” …>   …(text or more elements go here)… </name> attribute: Definește atributul pe care îl utilizați. Ca și în cazul elementelor, majusculele … Citeşte mai mult

Canvas în web design: Dreptunghiuri

|

Elementul canvas (nou începând cu HTML5) ne permite să abordăm paginile cu un control mai mare prin desenarea și crearea de grafice în stil SVG pe pagină în timp real cu JavaScript, și oferându-ne capacitatea de a anima și controla mișcarea … Citeşte mai mult

Formulare online

|

Formularele fac Internetul. Ele sunt poate cel mai critic element în crearea unei experiențe interactive pentru utilizatorii finali și vă permit să primiți informații. Formularele definesc locuri dintr-o pagină în care interacțiunea utilizatorului poate adăuga, modifica, interacționa cu sau elimina … Citeşte mai mult

HTML: Eticheta span în tabele

|

Folosirea tabelelor pentru a separa orizontal mai multe bucăți mai mici de conținut într-un element de aspect este încă în general acceptată și este mai ușoară decât stilarea div-urilor, dar este totuși considerată o abordare mai puțin ideală. Pe măsură … Citeşte mai mult

Elemente HTML

|

După toate aceste experimente cu pagina noastră web de exemplu, este timpul să definim elementele mai formal. Elementele au trei componente principale: <name attribute1=“value1” attribute2=“value2”…>   …(text sau alte elemente merg aici)… </name> name: Identifică tipul elementului, cum ar fi elementul body sau em. … Citeşte mai mult

Legăturile (linkurile) într-un sit web

|

Legăturile (linkurile) în HTML pot lua două forme, ambele fiind create cu eticheta de ancorare (<a>). Acestea pot fie să trimită către o resursă dintr-o altă locație, fie către o locație din document. Primele sunt folosite mult mai frecvent decât cele … Citeşte mai mult

Alterări de cod HTML

|

Să facem câteva modificări la „O pagină web simplă” din „Să începem”. Exemplul 1.3. Adăugarea de text  <html> <head> <title>O pagină web simplă</title> </head> <body> Aceasta este o pagină web simplă. Și vreau să spun foarte simplă. </body> </html> Pentru … Citeşte mai mult

Elemente de conținut în dezvoltarea web cu HTML

|

Button Un buton în HTML este similar cu butonul de transmitere a unui formular, dar, spre deosebire de alte stiluri de elemente, poate include text sau o imagine. Formatarea sa implicită îi conferă un aspect de buton teșit. <button type=”button”>Click … Citeşte mai mult

Eticheta ”aside” în web design (HTML)

|

Eticheta <aside> este destinată utilizării atunci când doriți să marcați un fragment de conținut care are legătură cu materialul în care este imbricată. A fost creată în primul rând pentru a defini informații conexe, cum ar fi o parte a unui … Citeşte mai mult

Elementele HTML

|

Anterior am arătat cum să creați o pagină web simplă. Dacă nu ați salvat acest exemplu pe computer ca fișier simple.html, faceți-o acum. Exemplul 1.2. O pagină web simplă <html> <head> <title>O pagină web simplă</title> </head> <body> Aceasta este o … Citeşte mai mult

1 2