Interneto puslapių kūrimas/HTML apžvalga: Skirtumas tarp puslapio versijų
Ištrintas turinys Pridėtas turinys
SNėra keitimo santraukos |
S pataisymai |
||
4 eilutė:
Paskui viskas išsaugoma *.html formatu ir galima atidaryti čia pat su naršykle ir pažiūrėti kaip tai atrodo.
== Pagrindinės taisyklės HTML ==
* Elementų ir atributų vardai yra laikomi vienodais nepaisant to ar jie didžiosiomis ar mažosiomis raidėmis parašyti. Atributų vertės
* Nauja byla pradedama su <!doctype...> toliau pagrindinė dalis kuri pradedama su <html>, o baigiama su </html>, o ją sudaro antraštė ir teksto dalis.
* Antraštė pradedama su <head> ir baigiama su </head>
19 eilutė:
</head>
<body>
<h1>
<p>Pirma pastraipa.</p>
<ul> <!--
<li><p>Pirmas punktas</p></li>
<li><p>antras punktas su hipertekstu
36 eilutė:
<pre><title>...</title></pre> trumpas dokumento aprašymas, rekomenduojamas ilgis ne daugiau 64 simboliai.
<pre><base href="url"></pre> standartinė struktūra visiems nebaigtiems url puslapyje.
<pre><isindex></pre> nurodo, kad tai skriptas kuris daro
<pre><meta ...></pre> meta informacija jei ją teikia serveris. Atributai yra http-equiv, name, content
48 eilutė:
<pre><banner>...</banner></pre> tai pastaviai ekrane išsilaikanti informacija.
<pre><note role="...">...</note></pre> prideda užrašus, prierašus (footnote, sidenote) ir pan.
<pre><pre>...</pre></pre> išlaiko
<pre><hr></pre> horizontali linija,
<pre><fig src="url"></pre> sukuria rėmelį paveikslėliui, o
58 eilutė:
<pre><ol>...</ol></pre> sunumeruotas sąrašas.
<pre><ul>...</ul></pre> sąrašas su taškais.
<pre><dl>...</dl></pre>
<pre><DL>
<DT>ugnis
75 eilutė:
<pre><del>...</del></pre> nurodo sunaikintą, bet aiškumo dėlei paliktą tekstą. Dauguma naršyklių tai supranta kaip išbraukimą tiesiog.
<pre><dfn>...</dfn></pre> labai retai naudojamas elementas. Skirtas apibrėžimui.
<pre><em>...</em></pre> ''emphasis''. Dažniausiai tiesiog paverstu šriftu tai atvaizduojama
<pre><ins>...</ins></pre> rodo naujai įterptą tekstą.
<pre><kbd>...</kbd></kbd> tai ką reiktų surinkti klaviatūroje!? Tiesiog naršyklėje rodomas kitoks šriftas.
<pre><lang>...</lang></pre> atskiria teksto dalį parašytą kita kalba nei visuma.
<pre><person>...</person></pre>
<pre><q>...</q></pre> norodo tiesioginę kalbą. Gramatiniais dalykais kabutės ir t.t. tada pasirūpina naršyklė.
<pre><samp>...</samp></pre>
<pre><s>...</s></pre> nurodo išbraukimą.
<pre><strong>...</strong></pre> stiprus pabrėžimas, dažniausiai pajuodinama.
92 eilutė:
<pre><i>...</i></pre> pasvirusios raidės.
<pre><small>...</small></pre> mažos raidės.
<pre><tt>...</tt></pre>
<pre><u>...</u></pre> pabraukta.
102 eilutė:
== Paveikslėliai ==
Išorinius paveikslėlius galima nurodyti kaip ir hipertekstą.
<pre><img src="url" [align="..."] [alt="..."] [ismap|usemap]>...</img></pre> align
<pre><a href="http://puslapis.gg/cgi-bin/imagemap/mypic">
<img src="http://puslapis.gg/mypic.gif" alt="Image map" ismap>
</a></pre> taip sukuriamas
<pre><img src="http://puslapis.gg/mypic.gif" alt="Image map" usemap="#mine">
<map name="mine">
119 eilutė:
<pre><input name="..." type="..." [...]></pre> viena eilutė tekstui įvesti. Galimos ''type'' vertės:<br>text, checkbox, radio, hidden, password, reset, file, scribble, audio ir submit. Kiti galimi atributai:<br>align, checked, size, maxlength, src ir value. Pagal angliškus žodžius čia manau nesunku atsekti reikšmes.
<pre><select name="..." [multiple]>...</select></pre> taip sukuriami meniu.
<pre><option [value="..."]>...[</option>]</pre> o taip punktai meniu viduje. Jei ''value'' nenaudojamas, tada pasirinkimas yra tai, kas yra turinyje.<br>Tai kiek painoka, todėl parodysiu pavyzdį.
=== Formos pavyzdys ===
| |||