Documente Academic
Documente Profesional
Documente Cultură
Denumire proiect
Mai 2017
Autor,
Burlă David
Îndrumă tor,
prof. Galan Petrică
Descriere
Este folosit pentru a crea pagini web, majoritatea paginilor web din întreaga
lume fiind realizate cu HTML.
Istorie
HTML + 1993
HTML2.0 1995
HTML3.2 1997
HTML4.01 1999
Elemente
Sintaxa elementelor
HTML utilizează tag - uri pentru sintaxa. O etichetă este compusă din caractere
speciale: < , > și / . Acestea sunt interpretate de software -uri pentru a compune
un element HTML.
Documentul HTML
Document metadate
</ Head>
<Body>
conţinutul documentului
</ Body>
</ Html>
Descriere
-
doctype
Referinta trebuie să fie specificate, și să fie de top în documentul HTML. Adică,
există DOCTYPE înainte de tag - ul de start <HTML>. Declarația DOCTYPE
este <! DOCTYPE html> si este insensibilă la majuscule , în sintaxa HTML.
-elementul HTML <html> ... </ html>
Metadate
Exemplul următor reprezintă metadatele documentului:
<Head>
<Meta charset = "utf-8">
<Title> Despre W3C | World Wide Web Consortium (W3C) </ title>
<Meta name = "description"
content = "World Wide Web Consortium (W3C) este o comunitate
internațională
în cazul în care organizațiile membre, un personal cu normă
întreagă,
și lucrările publice împreună pentru a dezvolta standarde Web.
">
<Meta name = "keywords" content = "W3C, HTML, HTML5, XHTML,
CSS, CSS3, SVG, MathML, WCAG ">
</ Head>
-seturi caractere <meta charset=” ”>
-Titlu <title>.
Titlul este utilizat într-un bar din titlu de browsere web, istoricul
utilizatorului, semne de carte, sau în rezultatele căutării.
Ar trebui să folosiți titluri care să identifice documentele lor chiar și
atunci când acestea sunt utilizate în afara contextului.
-Descrierea paginii web
Descrierea paginii web este specificat de <meta name = "description">.
-cuvinte cheie pagina Web
cuvintele cheie ale paginii web sunt specificate de <meta name =
„cuvinte cheie“>.
-conţinutul de bază
Următorul exemplu este un conținut de bază.
<Body>
<H1> DESPRE W3C </ h1>
<P> World Wide Web Consortium (W3C) este o comunitate internațională
în care organizațiile membre,
un personal cu normă întreagă, iar lucrările publice împreună
pentru a dezvolta standarde Web. </ p>
<Hr>
<H2> Întrebări despre W3C sau pe Web? </ H2>
<P> Vă rugăm să consultați Ajutor și FAQ pentru răspunsuri la
întrebări precum: </ p>
<Ul>
<Li> Ce face W3C? </ Li>
<Li> Cum este finanțată W3C? </ Li>
<Li> Este W3C mi trimite mesaje spam? </ Li>
</ Ul>
<ol type="lower-alpha">
<Li> sample1 </ li>
<Li> sample2 </ li>
<Li> sample3 </ li>
</Ol>
<Dl>
<Dt> termen1 </ dt>
<Dd> definiție1 </ dd>
<Dt> term2 </ dt>
<Dd> definiția2 </ dd>
</Dl>
</ Body>
Titluri
titlurile sunt specificate de <h1>, <h2>, <h3> <h4> <h5> și <h6> .
<h1> se spune că are cel mai înalt rang, <h6> are cel mai mic rang și
două elemente cu același nume au rang egal.
Paragrafe
sunt specificate de <p> .
Linia
liniile orizontale sunt specificate de <hr> .
Elementul hr poate omite elementul de capăt. Acest lucru se datorează
faptului că este un element gol.
Liste
1. lista neordonată
este specificată de <ul> și <li> .
elementele listei sunt elementul li nodurile copil ale elementului ul.
2. lista ordonată
este specificată de <ol> și <li> .
elementele listei sunt elementul li nodurile copil ale elementului ol.
Atributul type specifică tipul de marker pentru a utiliza în listă.
3. listă de definiții
Lista Definiție este specificată de <dl> , <dt> și <dd> .
Hiperlink-uri
World Wide Web are abilitatea de a defini link-uri de la o pagină la alta,
și să urmeze link-uri la un clic pe un buton. Acest lucru este Hyperlink.
Hiper sunt specificate de <a> .
Documentul legat este reprezentat de atributul href .
fereastra unde se deschide documentul link-ului specificat este dată prin
target=” “
<Body>
<H1> <img src = "images / logo.png" alt = "W3C" width = "90" height =
"53"> </ h1>
</ Body>
1. Imaginile
sunt specificate de <img> .
Elementul img poate omite elementul de capăt. Acest lucru se datorează
faptului că este un element gol.
Imaginea dată de atributul src este conținutul încorporat. SRC
reprezintă sursa .
2. Text alternativ
Puteți specifica un text alternativ pentru o imagine prin alt=” ”
Foi de stil
Style Sheets poate formata documentul HTML. Documentele HTML pot
conține reguli de foi de stil direct în ele sau ele pot importa foi de
stil. Există trei moduri de a furniza informații de styling pentru browsere
Web.
Adăugarea de stil la HTML
Legarea foaie de stil
o Puteți separa foile de stil din documente HTML. Fișierele foaie
de stil sunt importate în documentele HTML prin <link> .
o Acest lucru oferă mai multe avantaje:
Autorii și administratorii de site-ul Web pot partaja foi de
stil într-o serie de documente (și site-uri).
Autorii pot schimba foaia de stil, fără a necesita modificări
ale documentului.
Agentii utilizatori pot încărca foi de stil selectiv (bazate pe
descrierile media).
<head>
<link rel = tipul "stylesheet" = "text / css" href = "example.css">
</ Head>
<head>
<style>
p {color: red; font-size: 120%; }
</ Style>
</ Head>
<Body>
<P> Acesta este un paragraf </ p>
</ Body>
<p style = "color: red; font-size: 120%;" > Acesta este un paragraf </
p>
CSS
Ce este CSS?
Descriere
Sintaxa
Selectori
specifică ținta de stil.
poat varia de la nume de elemente simple la reprezentări contextuale
bogate.
1. selector de tip
Un selector de tip este numele de cod HTML Tag.
p {
culoarea rosie;
font-size: 12px;
culoare de fundal: verde;
}
2. selector de clasă
este utilizat pentru unul sau mai multe elemente. Este descris valoarea
atributului clasa documentului HTML cu „(perioadă)“.
p {
font-size: 12px;
}
.red {
culoarea rosie;
}
.blue {
Culoare: albastru;
}
3. selector ID
este utilizat pentru elementul unic. Este descris valoarea atributului ID-ul
documentului HTML cu „#“.
HOME:
-conține:
titlul proiectului;
citatul de referință;
întrebarile: „Ce este istoria”, „Ce ne oferă istoria” și „Cu ce ne ajută
istoria” și răspunsurile acestora.
CITATE:
MATERIALE AUXILIARE: