Se afișează postările cu eticheta Blog. Afișați toate postările

sâmbătă, 2 iulie 2016

Femeile care sunt vulnerabile

Femeile care sunt vulnerabile ar trebui tratate „Cu respect”

Un clip video viral, care lasă impresia că un bărbat profită de o tânără beată .

Are un mesaj surprinzător !

Un clip video realizat de vlogger-ul spaniol NinchiBoy a devenit viral pe internet datorită mesajului puternic pe care îl transmite. Numit „Guy has sex with drunk girl”, clipul pare să includă scene în care un bărbat profită de o tânără care s-a îmbătat şi a adormit pe o canapea.

De fapt, materialul, care a strâns peste 9,1 milioane de vizualizări pe YouTube, arată cum ar trebui tratate femeile care sunt vulnerabile după ce se ameţesc de la băutură. „Cu respect”, este propunerea lui NinchiBoy.

Ce să mai citim?

Virusul Misterios

Europa este o "comoară pe care am moştenit-o"

Măsuri de maximă protecție

Robotul ADN ar putea ucide celulele canceroase

SARS a fost o boală relativ rară; la sfârșitul epidemiei, în iunie 2003

Fii propriul tău nutriționist

Planet REBOOT

În clip se vede cum tânărul intră într-o cameră în care o femeie „beată” doarme pe o canapea, înconjurată de sticle de băutură. Bărbatul începe să o dezbrace pe tânără, iar apoi, ţinând cont de numele dat clipului, toată lumea se aşteaptă ca acesta să profite de ea. În schimb, el o acoperă pe femeie într-un cearceaf, iar apoi părăseşte încăperea.
„Acest clip este un exemplu despre cum bărbaţii ar trebui să trateze femeile”, spune vlogger-ul.
Iniţiativa tânărului spaniol vine la scurt timp după ce în America Latină a avut loc un val de agresiuni sexuale asupra unor femei care au consumat alcool în cantităţi mai mari.

Go4it.ro - 1 iul 2016

luni, 5 noiembrie 2012

Introducere in HTML - Linii , paragrafe , font

Linii si paragrafe- Culoare text Acest text va fi albastru

Test continut

Nume	Prenume	Varsta	Telefon
Popescu	Ioana	27	176238
Munteanu	Cornel	42	220022

Internet

Reprezinta totalitatea calculatoarelor si a retelelor de calculatoare de pe tot cuprinsul globului,care comunica intre ele prin intermediul protocolului TCP/IP. Se estimeaza ca, in prezent, mai mult de o suta de milioane de oameni au, intr-un fel sau altul, acces la reteaua Internet si acest numar este in continua crestere.

Paragraf1: Acest text va fi afisat pe o singura linie. Paragraf2:
O linie de text
Alta linie de text Paragraf3:
..dupa 4 linii libere... Paragraf4 :
Intre cuvinte exista suficient spatiu Paragraf5:
bla-bla-bla-bla bla-bla bla bla bla-bla-bla bla-bla-bla-bla bla-bla bla-bla-bla-bla bla-bla-bla- bla-bla- bla-bla- bla-bla- bla-bla-bla- bla pe o singura linie

Principalele elemente HTML

1. Ce este HTML? (Hypertext Markup Language)

- Este un set de coduri logice care constituie apariţia unui document web si a informatiilor pe care le deţine. Codurile sunt scrise intre "<" (paranteza deschisa) si ">" (paranteza inchisa), cu toate ca nu sunt chiar paranteze, aşa se numesc si arata aşa: < >.
Exemplu:

<BODY> sau 

- Cele mai multe elemente (numite si tag-uri) au un element (tag) de deschidere si un element de închidere distins prin "/" in interiorul parantezei deschise "<".
Exemplu:

 ... 

- Primul cuvânt care apare înăuntru "<" se numeşte element sau eticheta HTML si spune browser-ului sa facă ceva, precum 
- Cuvintele care urmeaza după element in interiorul "< >"se numesc atribute care descriu proprietăţile elementului. Cum ar fi : culoarea, mărimea, etc.
- Atributele sunt separate prin spatiu si urmate de semnul egal "=", dupa care sunt scrise, intre ghilimele (" ") valorile atributelor.
- Astfel, o eticheta HTML poate contine elementul de identificare, atribute si valori.
- In urmatorul exemplu elementul este FONT atributul COLOR si valoarea BLUE:

<FONT COLOR="BLUE">Acest text va fi albastru

2. Structura documentului HTML

- Un document (fisier) HTML este alcatuit din mai multe elemente si atributele lor.
- La început un element HTML cuprinde (înconjoară ) datele documentului. Acest element conţine doua sub-elemente principale: HEAD si BODY. In HEAD se poate adauga titlul paginii web si alte elemente numite metatag-uri, precum si scripturi JavaScript si stil-uri CSS. In BODY se adauga continutul documentului care va fi afisat in pagina web.
Exemplu:

<html>
<head>
<title>Titlu Documentului</title>
</head>
<body>
Continutul paginii
</body>
</html>

Ce să mai citim?

Virusul Misterios

Europa este o "comoară pe care am moştenit-o"

Măsuri de maximă protecție

Robotul ADN ar putea ucide celulele canceroase

SARS a fost o boală relativ rară; la sfârșitul epidemiei, în iunie 2003

Fii propriul tău nutriționist

Planet REBOOT

Structura generala a unui document HTML

<HTML>
<HEAD> Acesta are si el mai multe sub-elemente:
<TITLE> Aici se scrie titlul documentului, cat mai sugestiv, si se încheie cu </TITLE>
<BASE> Poate fi folosit pentru a înregistra locaţia documentului in forma URL. (Necesar daca documentul nu este accesat in locaţia lui originala). Se încheie cu </BASE>
 <LINK> Indica o relaţie dintre document si alte obiecte de pe WEB. Se încheie cu </LINK>
 <META> Aici sunt scrise informaţii cum ar fi tastatura (limbaj) folosita, descrierea si cuvinte cheie care pot fi găsite de motoarele de căutare. Se încheie cu </META>
 <SCRIPT> Conţine oricare din JavaScript sau VB Script. Se încheie cu </SCRIPT>
 <STYLE> Conţine informaţii privind stilul, grafica informaţiilor care vor apărea pe pagina. Se încheie cu </STYLE>
Aici se încheie elementele adaugate in HEAD
 </HEAD>
 <BODY> Etichetele HTML si continutul documentului care va fi afisat in pagina web sunt incluse in acest element. Aici pot fi puse si elemente cum ar fi: <SCRIPT> </SCRIPT>
Se încheie cu
 </BODY>
 </HTML>

Forma generala a unei pagini Web

<html>	- marcajul HTML de deschidere - indica faptul ca informatia care urmeaza este scrisa in limbajul HTML
<head>	-marcajul HEAD de deschidere - de aici incepe antetul paginii
<title>Titlul paginii</title>	- marcajele TITLE - aici se scriu cateva cuvinte despre continutul paginii - aceste cuvinte vor apare pe bara de titlu a browserului; daca pagina este adaugata intr-o lista favorita, ele apar ca nume al paginii.
<meta name = "keywords" content = "... o lista de cuvinte ..."> <meta name = "description" content ="... o fraza sugestiva ..."> ... alte instructiuni: JavaScript, CSS, etc. ...	- metatag-uri, ajuta motoarele de cautare la indexarea paginii. - valorile unor atribute, de exemplu "keywords", trebuie incadrate cu ghilimele duble, drepte ( " ), cuvintele cheie din atributul content se scriu separate prin virgula, exemplu: content="cursuri, lectii, jocuri, anime".
</head>	- marcajul HEAD de inchidere - aici se termina antetul paginii; cea ce este in antet nu apare in fereastra browserului
<body>	- marcajul BODY de deschidere - incepe corpul documentului, de aici este adaugat continutul care va apare in pagina web
... Continut, etichete HTML ...	- tot ceea ce apare aici va fi afisat in fereastra browserului
</body>	- marcajul BODY de inchidere - indica sfarsitul corpului documentului
</html>	- marcajul HTML de inchidere

Instructiunile HTML (numite si controale, marcaje sau tag-uri) incep cu o paranteza unghiulara deschisa < urmata imediat de numele instructiunii, unul sau mai multe atribute ale instructiunii (optional), apoi de o paranteza unghiulara inchisa >.
Majoritatea instructiunilor sunt perechi; cea de inceput se numeste marcaj de deschidere si este de forma:

<nume_instructiune atribut="valoare_atribut">

iar cea de sfarsit marcaj de inchidere si nu contine atribute sau spatii; este de forma:

</nume_instructiune>

NU sunt permise spatii decat intre nume de instructiune si atribute. Tot ce se gaseste intre marcajul de deschidere si cel de inchidere va avea caracteristicile elementului respectiv.
Browserul ignora elementele pe care nu le intelege si pe cele scrise gresit.
Exemplu (daca simbolizam spatiul prin _ atunci):

Gresit	Rezultat	Bine	Rezultat
<_h2>text</h2>	< h2>text	<h2> text </h2>	text
<_font_size = 6 _ color_=_red> text <_/_font_>	< font size = 6 color = red> text < / font >	<font_size = 6 _ color = red> text </font>	text

Crearea si editarea paginii HTML

Sunt mai multe programe cu care se pot crea pagini web, chiar fara a cunoaste limbjul HTML, cum sunt Microsoft FrontPage sau Macromedia Dreamweaver.
Editoarele de text sunt programele de baza, si cele mai folosite, pentru editarea paginii web. Avantajul folosirii lor este simplitatea, pentru creare paginii web sunt necesare câteva din codurile invizibile ale limbajului HTML, astfel se creaza documente rapid si usor, in plus ocupa foarte putin spatiu si resurse de memorie, acestea insa necesita cunoasterea limbajului HTML.
Dintre editoarele de text cunoscute cel mai folosit este NotePad, care este folosit si pentru acest curs, dar poate fi utilizat orice editor de text. Pentru începatori si pentru usurinta cu care se lucreaza, eu recomand folosirea aplicatie NotePad sau Notepad++, dar cei avansati pot folosi si altele cum ar fi Dreamweaver.

1. Crearea bazei de început a unui document

Cum ati vazut in Lectia 1, sunt elemente sigure, generale, care sunt necesare pentru crearea unui document HTML.
Pentru început deschideti aplicatia NotePad si scrieti structura de baza a unei pagini web. Aceasta este:

<html>
<head>
<title> Titlul </title>
</head>
<body>
Continut
</body>
</html>

Acum pagina dv. are HEAD si BODY in interiorul bazei <HTML>.
In interiorul elementului HEAD are elementul TITLE, pe care ar trebui sa-l completati cu un text reprezentativ ca titlu al documentului dv.; si in BODY un text "Continut".
Ceea ce scrieti la TITLE va apare in linia cea mai de sus a browseru-lui (deasupra meniurilor). La TITLE puteti pune orice text, dar este bine sa scrieti ceva care sa descrie cat mai bine obiectul si continutul paginii deoarece este ceea ce cauta si indexeaza multe portaluri de cautare de pe internet, si indicat, sa nu depaseasca 70 caractere.
Ceea ce adaugati intre tag-urile <body> </body> reprezinta continutul paginii, care va fi afisat in browser.
Mai jos gasiti un exemplu cum ar putea fi completat tag-ul TITLE si un mic continut in pagina:

<html>
<head>
<title>MarPlo.net - Cursuri, Jocuri si Anime</title>
</head>
<body>
<h1>Pagina HTML</h1>
Lectii, exemple si explicatii.
</body>
</html>

- <h1> </h1> este o eticheta HTML pentru afisare de text mare (ca un titlu) in pagina.
- Ca sa vedeti rezultatul, copiati acest cod intr-o pagina noua deschisa cu Notepad si apoi salvati fisierul cu extensia .html. Daca nu stiti deja, pt. a-l salva alegeti la "Save as type" - All Files, apoi la "File name" ii scrieti numele si extensia (ex.: "pagina.html"). Dupa ce a fost salvat fisierul, deschideti-l cu un browser (trebuie sa mearga cu dublu-click pe el).

2. Setarea proprietarilor documentului

- Proprietatile documentului pot fi controlate de atributele elementului BODY, de exemplu cum ar fi culorile pentru fondul paginii, pentru text si diferite faze ale link-urilor.
Culorile sunt setate folosind culorile de baza: rosu, verde si albastru; expresia folosita RGB (Red, Green, Blue), acestea sunt reprezentate ca valori hexadecimale si sunt scrise intre ghilimele (" "), la inceput trebuie adaugat caracterul '#'. Fiecare 2 unitati ale codului reprezinta una din culorile RGB.
De exemplu: #00aa11 reprezinta o culoare care nu are Rosu (00), are Verde (aa) si Albastru mai putin (11).

Elementul BODY

- Acestui element ii puteti adauga informatii care sa defineasca culoarea sau imaginea din fondul paginii, textul si culoarea link-urilor.
- Daca elementul BODY nu este completat cu alte atribute atunci browser-ul va prezenta culorile standard, de obicei fondul este alb.
- Pentru a seta culoare fondului paginii adaugati in eticheta <BODY> atributul BGCOLOR.
- Urmatorul exemplu va prezenta un document a carui fond este de culoare albastra:
<body bgcolor="#0000ff"></body>
Culoarea textului
- - Atributul TEXT controleaza culoarea textului normal din document.
- - Acesta va afecta tot textul din document care nu este colorat de alte elemente, cum ar fi link-ul.
- - Culoarea standard pentru text este Negru.
- - Iata un exemplu in care culoarea fondului va fi albastru si culoarea textului va fi rosu, atributul TEXT va fi adaugat astfel:
 <body bgcolor="#0000ff" text="#ff0000"></body>
Link-uri (LINK, VLINK si ALINK)
- - Aceste atribute controleaza culoarea link-ului in diferite stari
 1. LINK - culoarea initiala a link-ului. Standard este albastru
 2. VLINK - culoarea unui link vizitat. Standard este purpuriu.
 3. ALINK - culoarea link-ului in momentul activarii. Standard este rosu.
- - Modul de setare al acestor atribute este urmatorul:
 <body bgcolor="#ffffff" text="#ff0000" link="#0000ff" vlink="#ff00ff" alink="#ffff00"></body>
 Rezultatul va fi o pagina cu fondul alb, textul rosu, link-urile albastre, link-urile vizitate vor avea culoarea roz iar culoarea link-urilor in momentul activarii va fi galben.
Folosirea unei imagini ca fond pentru pagina (background)
- - Elementul body ofera posibilitatea înlocuiri fondului paginii cu o imagine (Background image). Daca imaginea este mai mica decât dimensiunile paginii atunci imaginea va fi multiplicata pana va acoperi întreg cadru documentului. Este indicat ca imaginea sa fie in format *.gif sau *.jpg. Folosirea unei imagini va da un aspect placut documentului. Pentru a vedea cum arata un document al carui fond este o imagine click aici.
- - Un exemplu de cod HTML cu imagine pentru background este urmatorul:
 <body background="imagine.gif" bgcolor="#ffffff"></body>
 In acest exemplu fondul pagini va fi dat de imaginea fisierului "imagine.gif" si de asemenea am setat BGCOLOR astfel incat in timpul procesului de încarcare a imaginii culoarea fondului va fi alba.

Dupa ce a-ti creat baza de început a unui document si a-ti setat proprietatile, trebuie sa salvati fisierul. Salvarea trebuie facuta intr-un format pe care browser-ul îl poate recunoaste. Extensia standard pentru un fisier care reprezinta o pagina web este ".htm" sau ".html". De obicei folosesc (".html").
- Pentru a salva documentul ca sa arate ca o pagina web, in NotePad alegeti din meniul File comanda Save si salvati fisierul cu orice nume doriti dar cu extensia html (sau "htm") - (La File name: scrieti si numele si extensia ".html", exemplu: index.html). Daca nu scrieti extensia, NotePad va salva documentul in format "txt".
- Pentru a vedea documentul ca o pagina web, duceti-va in directorul in care a-ti salvat fisierul si deschideti-l pur si simplu (cu Enter sau dublu-click la mouse), acesta va fi deschis automat de browser-ul pe care-l folositi (Mozilla Firefox, Internet Explorer, Opera). Sau deschide-ti browser-ul si din comanda Open deschideti documentul pe care l-ati salvat.
- Pentru a continua munca, a face modificari paginii sau pentru a adauga altceva in documentul HTML, deschideti documentul cu NotePad. Una din metode este sa deschideti aplicatia NotePad si din meniul File alegeti Open apoi gasiti fisierul pe care vreti sa-l modificati si dati clic pe butonul Open. Dupa ce terminati modificarile salvati, astfel daca redeschideti documentul ca o pagina web acesta va fi deschis cu noul format.

Titluri, Paragrafe, Un nou rând, Linie orizontala

1. Titluri <Hx> ... </Hx>

- Pentru titluri din continutul documentului HTML este indicat folosirea etichetelor <Hx>, (headings) unde 'x' este un numar intre 1 si 6.
- In cadrul elementului BODY, elementele Headings sunt folosite ca titluri sau pentru o mai buna impartire a continutului paginii.
- Mărimea textului înconjurat de elementul Heading variază de la foarte mare, in <H1> pana la foarte mic in<H6>.

Mai jos puteti vedea exemplu:

Cod HTML	Cum apare in pagina
<html> <head> <title>Titlu documentului</title> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6> </body> </html>	Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6

2. Paragraf ...

- Paragrafele permit sa adaugi text in document astfel incat lungimea de afisare a textului va fi ajustata de marimea deschiderii browser-ului si fiecare paragraf va incepe un nou rând.
- Distanta dintre doua paragrafe succesive este mare deoarece browser-ul le afiseaza cu un rând gol intre ele.

Mai jos puteti vedea exemplu:

Cod HTML	Cum apare in pagina
<html> <head> <title>Titlu documentului</title> </head> <body> <p>Paragraf 1</p> <p>Paragraf 2</p> <p>Paragraf 3</p> <p>Paragraf 4</p> </body> </html>	Paragraf 1 Paragraf 2 Paragraf 3 Paragraf 4

3. Un nou rand

- Tag-ul   permite sa decizi unde textul va incepe un nou rând, astfel se forteaza începerea unui nou rând.
-   este un Element Gol dar poate sa conţin atribut.   nu are si nu cere element de închidere, nu se foloseste

Mai jos puteti vedea exemplu:

Cod HTML	Cum apare in pagina
<html> <head> <title>Titlu documentului</title> </head> <body> <h1>Heading 1</h1> <p>Paragraf 1<br> Linie 2<br> Linie 3<br> ... </p> <p>Paragraf 2</p> </body> </html>	Heading 1 Paragraf 1 Linie 2 Linie 3 ... Paragraf 2

- Elementul   foloseşte un singur atribut – CLEAR care poate avea valoarea LEFT, RIGHT sau ALL, si sunt folosite daca este o imagine pe pagina. Atributul CLEAR forţează o linie in jos. Daca o imagine este aşezata in partea stanga a paginii, valoarea LEFT va muta cursorul jos la prima linie din marginea ştanga.

4. Linie orizontala <hr>

- Acest element afiseaza o linie orizontala in document
- Acest element nu foloseşte element de închidere [</hr>]
- Elementul <hr> foloseste urmatoarele atribute:
- - SIZE = latimea liniei, in pixeli (standard este 2)
- - WIDTH = lungii liniei, in pixeli sau procente din lungimea afisarii paginii (standard 100%)
- - NOSHADE = afiseaza linia fara a avea un aspect 3D
- - ALIGN = aliniaza linia (Left, Center, Right), adica Stanga, Centru sau Dreapta paginii ( Standard centru)
- - COLOR = seteaza culoarea liniei

Mai jos puteti vedea exemplu:

Cod HTML	Cum apare in pagina
<html> <head> <title>Titlu documentului</title> </head> <body> <h1>Heading 1</h1> <p>Paragraf 1<br> Linie 2<br> Linie 3<br> ... </p> <hr> <hr color="#1111fe" size="4" width="50%"> <p>Paragraf 2</p> </body> </html>	Heading 1 Paragraf 1 Linie 2 Linie 3 ... Paragraf 2

Formatul textului

HTML contine mai multe elemente, tag-uri si atribute, pentru afisarea textului in mai multe formate cu aspecte grafice diferite.

1. Tag-ul ...

Cu acest element, , puteti modifica aspectul textului, cum sunt tipul fontului folosit, marimea si culoarea textului.

- Marimea textului poate fi modificata cu elementul FONT si atributul SIZE. Atributul SIZE poate lua valorile numerice de la 1 la 7 si pe langa acestea poate folosi, ca valoare relativa, semnele "+" sau "-". Textul normal (daca nu este specificat acest atribut) are valoarea 3.
Exemplu :
Doua mărimi mai mare
- Tipul fontului poate fi modificat cu elementul FONT si atributul FACE.
Exemplu :
Acesta este tipul de font Arial Black
- Culoarea textului poate fi modificata cu elementul FONT si atributul COLOR.
Exemplu :
Acest text are culoarea verde

2. Bold, Italic, Underline si alte elemente

Elemente des folosite pentru formatul textului sunt:

- Bold (ingrosat)  ... 
- Italic (inclinat)  ... 
- Underline (subliniat)  ...

Exemple:

 Bold 
 Italic 
 Underline

Alte elemente folosite pentru formatul textului sunt:

- <pre> Performated </pre> - Textul incadrat de elementul PRE este prezentat intr-un singur font, oricare ar fi atributul FACE. Spatiile mai lungi si liniile necesare sunt prezentate aşa cum sunt scrise in NotePad, ne mai fiind nevoie de alte elemente adiţionale, cum ar fi pentru o noua linie si     pentru mai mult spaţiu intre cuvinte.
-  Accentuare (Emphasis)  - Browser-ul de obicei arata aces element ca italic
-  Strong  - Browser-ul de obicei arata aces element ca bold
- <tt> Teletype </tt> - Ca si PRE, browser-ul prezinta acesta intr-un singur tip de font, indiferent de fontul ales cu atributul FACE, in interiorul elementului FONT
- <cite> Citatie </cite> - Reprezinta o citatie din document.

Mai jos puteti vedea câteva exemple de coduri si modul lor de afisare in browser.

<html>
<head>
<title>titlu documentului</title>
</head>
<body>
O singura marire- normal -
O singura micsorare 
Bold- Italic - Subliniat -
 Colorat 
Accentut - Strong -
<tt>Tele type</tt> 
<cite> Citatie </cite>
</body>
</html>

- In browser va fi afisat asa:

O singura marire- normal - O singura micsorare
Bold- Italic - Subliniat - Colorat
Accentut - Strong - Tele type
Citatie

3. Alinierea

Câteva elemente pot avea atributul (ALIGN) pentru aliniere, cum ar fi Titlurile <Hx> , Paragraful … si Linia orizontala <hr> . Cele trei valori ale atributului ALIGN sunt: LEFT, RIGHT si CENTER.
Aliniamentul celor mai multe elemente se face cu ajutorul altor elemente:

- <div align="valoare"> ... </div> Poate conţine cele mai multe elemente. Tot ce este poziţionat cu elementul DIV poate fi aliniat oriunde-n pagina, indiferent daca in acel loc se afla si alt ceva (Imagine, Text, …).
- <center> ... </center> Va centra elementele

4. Alte etichete HTML pentru formatul textului

- <strike> Text taiat </strike>
- <big> Prezinta textul intr-un font mare </big>
-  Prezinta textul intr-un font mic 
-  Afisaza textul in pozitia subscript 
-  Aseaza textul in pozitia superscript

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

<html>
<head>
<title>Titlu documentului</title>
</head>
<body>

<strike> Text taiat </strike> 
<big> Prezinta textul intr-un font mare </big> 
 Prezinta textul intr-un font mic 
 Aseaza textul in pozitia subscript normal
 Aseaza textul in pozitia superscript 

</body>
</html>

- In browser va fi afisat asa:

~~Text taiat~~
Prezinta textul intr-un font mare
Prezinta textul intr-un font mic
_{Aseaza textul in pozitia subscript}normal ^{Aseaza textul in pozitia superscript}

- Urmatoarele elemente pentru format sunt folosite mai rar si sunt pentru documente cu aplicatii tehnice

- <dfn> Defineste exemplu de termen inchis </dfn>
- <code> Folosit pentru extragerea unui cod de program </code>
- <samp> Folosit pentru simple productii de programe, scripturi , etc. </samp>
- <kbd> Folosit pentru text care va fi scris de utilizator </kbd>
- <var> Folosit pentru variabile sau argumente de comenzi </var>

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

<html>
<head>
<title>Titlu documentului</title>
</head>
<body>

<dfn> Definite exemplu de termen inchis </dfn> 
<code> Folosit pentru extragerea unui cod de program </code> 
<samp> Folosit pentru simple productii de programe, scripturi , etc. </samp> 
<kbd> Folosit pentru text care va fi scris de utilizator </kbd> 
<var> Folosit pentru variabile sau argumente de comenzi </var> 

</body>
</html>

- In browser va fi afisat asa:

Definite exemplu de termen inchis
Folosit pentru extragerea unui cod de program
Folosit pentru simple productii de programe, scripturi , etc.
Folosit pentru text care va fi scris de utilizator
Folosit pentru variabile sau argumente de comenzi

- Alte elemente pentru formatul textului:

- <q> ... </q> - Folosit pentru citate scurte.
- <blockquote> ... </blockquote> - Folosit pentru incadrarea de citate mai lungi, creaza spatiu pentru text. Pentru a crea mai mult spatiu puteti adauga de mai multe ori acest element.
- <address> ... </address> - Cu acest element se specifica informatii cum ar fi autorul documentului si detalii pentru contact.

In continuare puteti vedea un exemplu cu aceste coduri de mai sus si felul cum sunt afisate de browser.

<html>
<head>
<title>Titlu documentului</title>
</head>
<body>

<q>Daca vrei si crezi, orice este posibil.</q>
<blockquote>
Bucuriile neimpartasite pot aduce tristete iar suferinta impartasita poate sa aduca bucurie. 
Aceasta este prima zi din restul vietii tale.
</blockquote>
<center>
<address>180 Attwell Dr. Suite 130 Toronto, ON M9W 6A9</address>
</center>

</body>
</html>

- In browser va fi afisat asa:

Daca vrei si crezi, orice este posibil.

Bucuriile neimpartasite pot aduce tristete iar suferinta impartasita poate sa aduca bucurie.
Aceasta este prima zi din restul vietii tale.

180 Attwell Dr. Suite 130
Toronto, ON
M9W 6A9

http://www.marplo.net/

joi, 27 septembrie 2012

Bateria MetalCell

MetalCell este o baterie de 6V/50AH pusă la punct de inginerii sudcoreeni și poate fi văzută ca o variantă modernizată a străvechii “baterii din Bagdad” (dispozitiv vechi de două mii de ani, originar din Mesopotamia, considerat a fi printre primele dispozitive generatoare de tensiune electrică).

Bateriile cu electrolit clasice sunt voluminoase și grele, prin urmare dificil de transportat. MetalCell folosește apa sărată ca electrolit și metale ca magneziu și aluminiu pe post de anozi consumabili, putând fi transportat în formă compactată, volumul la transport fiind redus la jumătate față de volumul ocupat în stare de exploatare, când bateria e plină cu electrolit. De asemenea, poate fi stocat în depozit în formă “uscată” pentru perioade îndelungate fără a-și pierde proprietățile.

Ce să mai citim?

Virusul Misterios

Europa este o "comoară pe care am moştenit-o"

Măsuri de maximă protecție

Robotul ADN ar putea ucide celulele canceroase

SARS a fost o boală relativ rară; la sfârșitul epidemiei, în iunie 2003

Fii propriul tău nutriționist

Planet REBOOT

Dispozitivul produce cantități apreciabile de energie electrică în ciuda dimensiunilor reduse, se poate alimenta într-un minut cu consumabilele necesare – plăci din metal ușor și apă sărată (se poate folosi apă de mare sau, de ce nu, chiar … urină, că doar este disponibilă oriunde sunt soldați). El este foarte sigur în exploatare și de asemenea “prietenos” cu mediul înconjurător. Spre deosebire de bateriile reîncărcabile clasice care necesită un timp îndelungat de reîncărcare (de ordinul orelor), MetalCell se realimentează în doar câteva minute, avantaj imens în cazul utilizării în aplicații militare în teren. Este și extrem de rezistent – au trecut peste el vehicule militare de 1.25 tone și 2.5 tone și a rămas intact.

În graficul de mai jos se poate urmări variația tensiunii de alimentare în cursul descărcării bateriei la un curent constant de 2A timp de 25 ore. Se observă că dacă se înlocuiește electrolitul la fiecare 2.5 ore bateria poate funcționa timp de 20 ore, tensiunea de alimentare în sarcină rămânând în jur de 5V. Ea începe să scadă vizibil abia după 20 de ore.

Creșterea temperaturii bateriilor în timpul descărcării este un fenomen extrem de uzual însă în cazul bateriei MetalCell riscul maxim este doar să înceapă să fiarbă electrolitul, fără să existe, însă, pericol de incendiu sau de explozie ca și în cazul altor baterii.

MetalCell a fost testată și la temperaturi scăzute. Umplută cu soluție salină (12% NaCl), ea a fost păstrata la -35 grade Celsius pentru 20 ore și s-a constatat înghețarea electrolitului. dar, grației texturii moi a ambalajului (un fel de cauciuc / silicon), bateria nu a suferit avarii. Când electrolitul era înghețat nu a apărut tensiune electrică dar de îndată ce electrolitul a redevenit lichit bateria a început să genereze electricitate. Iar dacă bateria a fost răcită la -35 grade Celsius fără electrolit și a fost introdus ulterior electrolitul la 0 grade Celsius, bateria a funcționat la -35 grade cu tensiunea în gol de 7.7V și tensiunea în sarcină de 4.7V (la un curent de 2A).

Cu MetalCell, lanternele și telefoanele mobile, lămpile de semnalizare, PDA-urile și laptopurile pot fi folosite zile întregi. De exemplu cu o singură baterie MetalCell se poate alimenta o lanternă sau se poate reîncărca un dispozitiv mobil de dimensiuni reduse (telefon, PDA, MP3 player). Pentru alimentarea unui laptop, de exemplu, se folosesc două sau trei dizpozitive MetalCell legate în serie.

Ministerul Apărării din Coreea de Sud intenționează să înlocuiască kiturile auxiliare de reîncărcare (generator manual plus panou solar) care cântăresc în total cam 5 kg, cu bateria MetalCell care are numai 0.6 kg.

Alte aplicații: Vestă de salvare în caz de naufragiu

Asigură alimentarea unor dispozitive electrice din componența vestei de salvare care permitlocalizarea naufragiatului de către echipajele de salvare, mărind foarte mult șansele de salvare ale naufragiatului. Asta dacă nu cumva naufragiatul este mai întâi localizat de către inamic.

Specificații:

Denumire: MetalCell 6/v/50ah
Tensiune în gol : 6.4V
Tensiune în sarcină : 4.0-6.0V
Capacitate: 50Ah
Putere electrică: 20W
Electrolit: apă de mare sau apă sărată. Sau pipi.
Număr de reîncărcări: >100
Energie electrică: 280 Wh
Dimensiuni (compacatată) 37 x 117 x 122 (mm3)
Dimensiuni (expandată) 69 x 117 x 122 (mm3)
Masă totală (fără electrolit, fără geantă) : 425g
Masă totală (cu electrolit, fără geantă) : 725g
Energie specifică (fără electrolit, fără geantă) : 658Wh/kg, 531 Wh/liter
Energie specifică (cu electrolit, fără geantă) : 386 Wh/kg, 281 Wh/liter
Set suplimentar de anozi (5 anozi / 1 set) : 208g

Scris de Porumbelul - http://www.it4fans.ro

Celulă electrică care generează electricitate prin absorbția oxigenului în aer

O baterie metalică de combustibil pentru aer (baterie) care utilizează apă sărată sau apă de mare ca electrolit, folosită ca energie de urgență marină sau în aer liber.

MetalCell este o celulă electrică care generează electricitate prin absorbția oxigenului în aer și a electrodului de magneziu metalic oxidant care este pus în electroliți.

Electricitatea este generată pe măsură ce metalul devine consumat; când plăcile metalice sunt consumate în totalitate, le înlocuiți cu altele noi și reumpleți fie apă sărată, fie apă de mare care va acționa ca electrolit, astfel încât MetalCell să continue să producă electricitate.

Produsul este un mic generator care este portabil pentru utilizare în exterior. Nu contaminează greu mediul și nu conține substanțe toxice.

Tensiunea generată este de fapt 6V, iar puterea fermă este de 10W. Poate fi folosit pentru operarea de mici aparate electrice cu cabluri de alimentare USB.

plicații

wSmall aparate electrice și electronice cum ar fi PDA, telefon mobil, aparat de fotografiat digital, lanternă, ventilator și așa mai departe

Sursă de alimentare cu sursă externă pentru încărcarea celulelor reîncărcabile

O unitate MetalCell CMAB5A poate fi poziționată corespunzător pentru a fi aplicată pe piața de alimentare USB de 5 volți. Această unitate va fi bine ajustabilă pentru diferite tipuri de dispozitive mici alimentate cu USB. De asemenea, 12V din cele două unități este bine conectat la dispozitivele convenționale.

MetalCell CMAB5A are un ansamblu catodic din cauciuc, catozi de aer și un set de 5 carduri cu combustibil metalic. Unitatea este moale și pliabilă pentru o dimensiune mai mică de transport sau depozitare. Are o durată lungă de depozitare cu un ambalaj de etanșare etanș la vid.

Specificații:

MetalCell CMAB5A

Caracteristică: bateria cu apă sărată care poate fi alimentată cu combustibil, care produce reziduuri reziduale pentru mediu

Electrolit: apă sărată sau apă de mare, foarte sigură pentru corpul uman.

Anod: aliaj de magneziu care conține metale netoxice.

Dimensiuni: aproximativ 150 x110 x 140 (mm) extinse

150 x 110 x 60 (mm) s-au prăbușit

Greutate: 700g

Capacitatea energetică: 100 Wh per încărcare

Tensiune: 6.0V (4.0-7.2V)

folosire

1. Umpleți electrolitul

MetalCell (CMAB5A) necesită umplerea a 500 ml de soluție de apă sărată. Soluțiile de apă sărată constau în 1-20% sodiu / clorură de potasiu, acest conținut fiind cel care activează celulele pentru a obține performanțe optime. Apa de mare are 2-4% cloruri metalice și urină umană are aproximativ 1%. Concentrația optimă pentru cea mai bună performanță este în intervalul de 6 12%.

2. Activarea și dezactivarea

Adăugarea de soluție de sare la electrolit activează anodurile pentru a genera electroni. Anodurile de magneziu se degradează la hidroxidul de magneziu care contaminează electrolitul. CMAB5A face capacități actuale de 20Ah (ANCMAB20) per încărcare, respectiv. Această unitate se poate dezactiva atunci când temperatura sistemului ajunge la punctul de fierbere sau când cimentul de hidroxid de metal umple prea mult celulele. Evaporarea severă a apei scade nivelul de electroliți și rezultatele slabe de putere.

3. Răcirea aerului prin suflare

CMAB5A are nevoie de aer proaspăt pentru a face energie și pentru a scădea temperatura, adăugarea unei aerisiri bune asigură de asemenea o putere mare. Ventilatorul de răcire care funcționează la 5V și 350mA este pregătit ca accesoriu pentru a crește performanța sistemului la o putere mare de 30W.

4. Curățarea și completarea

CMAB5A necesită curățare periodică de întreținere pentru a îndepărta cimentul de oxid de metal din reacția celulară. Îndepărtați anodurile din celule și apoi spălați cimentul de oxid metalic.

5. Depozitare

Se separă anodurile de celule (asamblarea catodului) și se usucă anodele și apoi se păstrează într-o pungă uscată și etanșă.

6. Problema mediului

Bateria produce deșeuri sigure și de unică folosință din punct de vedere ecologic din oxidarea combustibilului metalic.

7. Terminalul

Terminalele electrice pot fi schimbate în diferite tipuri în funcție de cerințele consumatorilor.

8. Atenție

- Nu scurtați terminalul. Poate fierbe și lezează operatorul.

- Nu reîncărcați electric. Acest lucru poate degrada serios catodii de aer.

- Nu utilizați într-un spațiu închis sau în apropierea flăcărilor deschise din cauza emisiilor de gaze de la hidrogen.

Conectorul serial permite conectarea a două MetalCells în serie pentru a crea un sistem de 12 volți. Folosind mai mult de 2 conectori, este posibil să se construiască mai multe conexiuni seriale între mai multe MetalCells.

Producator MEET CO., LTD.

Banwol dong 356-19 Hwasung-shi Gyunggido Coreea de Sud 445-330

Căutare caldă:

http://meetoo.company.weiku.com/item/Collapsible-Metal-Air-Battery-CMAB5A-5537726.html

Acumulator litiu-aer reprezintă un acumulatori în care un anod litiu este cuplat electrochimic la oxigenul atmosferic printr-un catod de aer. În timpul descărcării, cationii de litiu de la anod trec printr-un electrolit și se combină cu oxigenul la catod (de obicei alcătuit din carbon poros) pentru a forma oxid sau peroxid de litiu, care se introduce în catod; fluxul de electroni de la anod la catod printr-un circuit de încărcare.

Acumulatorii litiu-aer au o densitate de energie mai mare decat bateriile litiu-ion din cauza catodului mai ușoar și de faptul că oxigenul este disponibil în mediu și nu trebuie să fie stocat în baterie. Teoretic, cu oxigen, ca reactant catod nelimitat, capacitatea bateriei este limitată de anodul Li. Bateriile litiu-aer sunt în prezent în curs de dezvoltare și sunt încă disponibile pe piață la unele modele de telefoane mobile:spre exemplu cei de la firma Oukitel care au introdus pe un smartphone o baterie de 10.000mA.

Acumulatorii litiu-ion sunt acumulatori de generație recentă și sunt frecvent utilizați de dispozitive electronice de tipul telefoanelor mobile, laptopurilor etc. Datorită masei atomice scăzute a elementului litiu au o densitate energetică ridicată. Pot fi utilizați la propulsarea diferitelor vehicule electrice sau asistate ca de exemplu scutere sau biciclete electrice.

Acumulatorul nichel-zinc este un acumulator alcalin din categoria nichel oxihidroxid-metal. A fost dezvoltat de peste un secol. Este folosit frecvent in dispozitive electronice. Nu are probleme legate de inflamabilitate ca cel litiu-ion.

Conversia electrochimică a energiei este un subdomeniu al tehnologiei energetice (domeniu de suprapunere dintre energetică și electrochimie) care are ca obiect metodele electrochimice de generare și stocare a energiei ca pilele de combustie, bateriile și acumulatorii electrici, supercondensatorii, metode fotoelectrochimice etc. Metodele electrochimice sunt importante domeniilor ca tracțiunea electrică.

Un ion este un atom sau în general un grup de atomi care are o sarcină electrică nenulă. Un atom neutru din punct de vedere electric are un număr de electroni egal cu numărul de protoni din nucleu, și se poate ioniza prin schimbarea acestui echilibru. Astfel:

dacă pierde unul sau mai mulți electroni devine un ion pozitiv, numit și cation pentru că este atras de catod (electrodul negativ);
dacă primește unul sau mai mulți electroni devine un ion negativ, numit și anion pentru că este atras de anod (electrodul pozitiv).

Ionii se pot găsi în soluții obținute prin dizolvarea unor substanțe în solvenți sau sub forma unui gaz care conține particule încărcate electric. În acest din urmă caz mediul ionizat se numește plasmă și întrucât are proprietăți diferite de cele ale solidelor, lichidelor și gazelor este considerat a reprezenta o a patra stare de agregare a materiei.

Testing

sâmbătă, 2 iulie 2016