Test2: Różnice pomiędzy wersjami

Z Systemy operacyjne i sieci komputerowe
Przejdź do nawigacji Przejdź do wyszukiwania
 
(Nie pokazano 181 wersji utworzonych przez 2 użytkowników)
Linia 2: Linia 2:
  
 
Zapraszam na '''Główną'''
 
Zapraszam na '''Główną'''
 
[[kwalifikacja E.14]]
 
 
 
 
[http://www.w3.org/TR/html5 Specyfikacja HTML5]
 
 
[[HTML struktura dokumentu]]
 
 
[[HTML nagłowek i metadane|HTML nagłówek i metadane]]
 
 
[[HTML kodowanie polskich znaków]]
 
 
[[HTML nagłowki akapity formatowanie tekstu|HTML nagłówki, akapity, formatowanie tekstu]]
 
 
[[HTML listy]]
 
 
[[HTML linki]]
 
 
{{NUMBEROFARTICLES}}
 
 
==Odsyłacz zewnętrzny==
 
 
Poniżej przykład do strony WWW, odwołanie bezwzględne.
 
 
<pre> <a href="Adres strony">Etykieta</a></pre>
 
 
<pre>
 
<a href="http://soisk.info/index.php?title=HTML">kurs HTML</a>
 
</pre>
 
 
Taki będzie efekt:
 
 
<html>
 
<a href="http://soisk.info/index.php?title=HTML">kurs HTML</a>
 
</html>
 
 
==Odsyłacz wewnętrzny==
 
 
Tutaj używamy odwołań względnych, czyli nie podajemy całego adresu, a tylko jego część względem aktualnej pozycji. Przykładowo
 
 
<pre>
 
<a href="../access/access.htm">Ćwiczenia z accessa</a>
 
</pre>
 
 
 
<html>
 
<html>
<a href="../access/access.htm">Ćwiczenia z accessa</a>
+
<script
 +
src="https://videopoint.pl/plugins/new/ksiazka.cgi?id=5126o&nr=5126o&double=0&issuu=0&dodaj=n">
 +
</script>
 
</html>
 
</html>
 
+
https://www.mediawiki.org/wiki/Extension:PDFEmbed
Tutaj przydatna jest umiejętność posługiwania się konsolą linuksa. Akurat w tym przypadku wchodzimy do folderu nadrzędnego względem folderu, gdzie jest strona (..),  
+
<html><script>
 
+
        document.write("1234 działa");
następnie wchodzimy do folderu access i wywołujemy stronę access.htm.
+
var tabela = [111,222,333];
 
+
var liczba = 10;
Prostszym przykładem będzie odsyłacz do podstrony w tym samym folderze.
+
function dl()
 
+
{
<pre>
+
return tabela.length;
<a href="/1.htm">Ćwiczenia z accessa</a>
+
}
</pre>
+
document.write(dl());
 
+
document.write(liczba);
 +
</script></html>
 
<html>
 
<html>
<a href="/1.htm">Ćwiczenia</a>
+
<form name='formularz'>
</html>
+
  <input type='text' name='tekst' onkeyup="przeslij()"><br>
 
+
  <input type="checkbox" name="zaznacz" onchange="przeslij()" /><br>
==Etykiety (zakładki, kotwice)==
+
  <input type="radio" name="wybierz" value="opcja1" onchange="przeslij()" /><br>
 
+
  <input type="radio" name="wybierz" value="opcja2" onchange="przeslij()" /><br>
Możemy zlinkować kotwicę (etykietę, zakładkę) (z ang. anchor). Wcześniej trzeba ją utworzyć. Wybieramy część strony, którą będziemy potem linkować.
+
  <select name='lista' onchange="przeslij()">
 
+
    <option>Pierwsza</option>
<pre>
+
    <option>Druga</option>
<a name="nazwa_kotwicy">opis kotwicy</a>
+
  </select>
</pre>
+
  <br>
 
+
  <textarea name="pole" onkeyup="przeslij()">Pole tekstowe</textarea>
Teraz wpisujemy kod do linkowanie zakotwiczonej treści
+
</form>
 +
<div id="wynik"></div>
  
<pre>
+
<script>
<a href="#nazwa_kotwicy">opis odsyłacza</a>
 
</pre>
 
  
Kod wyżej działa w ramach naszej strony. Możemy również zlinkować zakotwiczoną część innej strony.
+
function przeslij(){
 
+
  var tekst = document.forms["formularz"].tekst.value;
<pre>
+
 
<a href="http://soisk.info/index.php?title=Zarz%C4%85dzanie_serwerem_DHCP#Konfigurowanie_opcji_zakresu">Konfigurowanie opcji zakresy serwera DHCP</a>
+
  var zaznacz = document.forms.formularz.elements["zaznacz"].checked ? "tak" : "nie"
</pre>
+
 
 
+
  var wybierz = "";
 
+
  for(var i=0; i<document.forms.formularz.wybierz.length; i++){
<html>
+
    if(document.forms.formularz.wybierz[i].checked) wybierz = document.forms.formularz.wybierz[i].value;
<a href="http://soisk.info/index.php?title=Zarz%C4%85dzanie_serwerem_DHCP#Konfigurowanie_opcji_zakresu">Konfigurowanie opcji zakresy serwera DHCP</a>
+
  }
 +
 
 +
  var lista = document.forms.formularz.elements["lista"].value;
 +
 
 +
  var pole = document.forms.formularz.pole.value;
 +
 
 +
  document.getElementById("wynik").innerHTML = tekst + " | zaznaczone: " + zaznacz + " | wybrano: " + wybierz + " | z listy: " + lista + " | pole tekstowe: " + pole;
 +
}
 +
</script>
 
</html>
 
</html>
  
==target==
 
 
Linkując stronę możemy ustalić w jaki sposób ma się otworzyć.
 
 
<pre> <a href="http://soisk.info/" target="_blank">SOiSK</a></pre>
 
 
<code>_blank</code>: w nowym oknie.
 
 
<code>_self</code>:  w tym samym oknie.
 
 
<code>_parent</code>: w ramce nadrzęnej.
 
 
<code>_top</code>: jeżeli strona jest oparta o ramki to zajmie całe okno, zastępując układ ramek.
 
 
==Odsyłacz do poczty elektronicznej==
 
 
Poniżej linkujemy adres mailowy. Po kliknięciu otwiera się domyślny program pocztowy.
 
 
<pre>
 
<a href="mailto:login@adres_serwera">Wyślij e-mail</a>
 
</pre>
 
  
Można w linku nawet podać tytuł, czy treść wiadomośći. Obecnie coraz mniej osób używa programów pocztowych, więc daruje sobie dokładniejsze wyjaśnienia.
+
{| class="wikitable"
 +
|-
 +
| System dziesiętny || 0 || 1 || 2 || 3 || 4 || 5 || 6 || 7 || 8 || 9 || 10 || 11 || 12 || 13 || 14 || 15
 +
|-
 +
| System szesnastkowy || 0 || 1 || 2 || 3 || 4 || 5 || 6 || 7 || 8 || 9 || A || B || C || D || E || F
 +
|}
  
==Odsyłacz graficzny==
 
  
<pre>
+
Znajdujemy wpis <code><Directory /var/www/></code>. Zmieniamy na swoją nową ścieżkę, w moim przypadku na /www. Oczywiście dobrze jest starą wersję zachodzać przez skomentowanie.
<a href="http://soisk.info/"><img src="/obrazy/soisk.jpg" alt="soisk.info" /></a>
 
</pre>
 

Aktualna wersja na dzień 19:06, 16 sty 2021

Strona testowa, tzw. POLIGON

Zapraszam na Główną https://www.mediawiki.org/wiki/Extension:PDFEmbed








System dziesiętny 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
System szesnastkowy 0 1 2 3 4 5 6 7 8 9 A B C D E F


Znajdujemy wpis <Directory /var/www/>. Zmieniamy na swoją nową ścieżkę, w moim przypadku na /www. Oczywiście dobrze jest starą wersję zachodzać przez skomentowanie.