Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący...

6
Hyper Text Markup Language Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach <>)

Transcript of Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący...

Page 1: Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach ) Przykładowa

Hyper Text Markup Language

Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach <>)

Page 2: Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach ) Przykładowa

Przykładowa strona

<html> <head> <title> pierwsza strona klasy IIIB </title> </head> <body bgcolor="pink"> <center> <font size="6">IIIB chce jeszcze spać</font><br> <img src="spiacy-mis.jpg"> </center> </body> </html>

Początek znacznika

koniec znacznika

parametr znacznika

Wartość parametru

Sekcja nagłówka

Sekcja treści

Page 3: Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach ) Przykładowa

Znaczniki

<head> - nagłówek

<body> - treść strony

<br> - następny wiersz (linijka)

<center> - wyśrodkowanie

<font> - czcionka (parametry: color, size, face)

<img src> - obrazek (należy podać źródło obrazka – nazwa pliku z rozszerzeniem plik.jpg)

<p> - nowy akapit (parametr align)

<b> <i> <u> - formatowanie tekstu

Page 4: Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach ) Przykładowa

znaczniki Linki

<a href=„adres linku”>tekst do wyświetlenia albo obrazek</a>

Kodowanie znaków:

<meta http-equiv=

Page 5: Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach ) Przykładowa

Ruchomy tekst

• marquee – znacznik ruchomego tekstu <marquee>tekst do wyświetlenia</marquee> <marquee

• Parametry:

– behavior (scroll, alternate,slide)

– direction (left, right, up, down)

– Scrollamount(x-wartość liczbowa)

Page 6: Hyper Text Markup Language - Gimnazjum 35 w … Text Markup Language Język programowania służący do tworzenia stron internetowych Znaczniki (używamy w nawiasach ) Przykładowa

Tabele tekst1 tekst1

tekst1 tekst1

<table> tabela <tr> - wiersz <td> kolumna

Zad1. Wstaw tabelę z widoczną krawędzią – 2 kolumny 2 wiersze i wypełnij dowolnym tekstem Zad2. Wstaw film z serwisu Youtube (dodać do adresu http://) Zad3. Wstaw listę numerowaną i nienumerowaną

<iframe>

<ol> <ul> <li> kolejne pozycje listy