Уроки по HTML і CSS

Урок 4.Робота з зовнішнім видом текста

Щоб якось оформити текст ( змінити колір, розмір, шрифт )

Використовують тег <font></font>

1. <font>

тег <font> має такі атрибути:

1) face="тут пишеться шрифт"; приклад: face="Verdana, Tahoma".

2) size="величина тексту" приклад: size="2".

3) color="колір тексту (в шістнадцятизначному вигляді)" приклад: color="#f300a5"

Роз'ясню що означають ці цифри

Вся цифрова техніка використовує систему кольорів RGB ( Red Green Blue ) - Червоний Зелений Синій

R G B -записують цю систему в шістнадцятизначному коді.

xx xx xx там де ( х ) це значення 0-F 0 це мінімальне значення а F це максимальне.

Приклад: ff 00 1a.

Приклад:

В останній тиждень навчання в школі раптом мене викликає вчителька біології. Каже -- справа серйозна. Дитина з переляканими очима мимрить, що мушу прийти, бо як сказала вчителька, в іншому випадку вона матиме погану оцінку. Перша реакція, звичайно, як кувалдою по голові - ото дитинка потішила! А далі - стоп, як це може бути? Так цю ж біологію ми вчимо як прокляті.

</font>

2.<strong></strong>

<strong> це жирний текст. Текст заключений в тезі <strong> стає жирним

Приклад:

В останній тиждень навчання в школі раптом мене викликає вчителька біології. Каже -- справа серйозна. Дитина з переляканими очима мимрить, що мушу прийти, бо як сказала вчителька, в іншому випадку вона матиме погану оцінку. Перша реакція, звичайно, як кувалдою по голові - ото дитинка потішила! А далі - стоп, як це може бути? Так цю ж біологію ми вчимо як прокляті.

</strong>

3. <em></em> Текст заключений між тегом стає косим

Приклад:

<em>

В останній тиждень навчання в школі раптом мене викликає вчителька біології. Каже -- справа серйозна. Дитина з переляканими очима мимрить, що мушу прийти, бо як сказала вчителька, в іншому випадку вона матиме погану оцінку. Перша реакція, звичайно, як кувалдою по голові - ото дитинка потішила! А далі - стоп, як це може бути? Так цю ж біологію ми вчимо як прокляті.

</em>

00:46, html , HTML
Посилання Додати коментар »

Урок 3.Робота з текстом

У цьому уроці я розкажу про роботу з текстом.

Тегом <p> позначаються абзаци.І тег парний

Приклад:

1.<p>Випускники зустрілись в червертій годині</p>

Тег <p> має атрибути align="center" ( left i Right ) center -вирівнює текст по центру а Left-по лівому краю, Right-по правому краю.

Приклад:

<p align="left">Випускники зустрілись в червертій годині</p>

2.<h>- це заголовок.Парний тег.Є <h1> <h2> <h3> <h4> <h5> <h6>. <h1> це найбыльший абзац. Цифра з боку h означає розмір 1 найбільший а 6 найменший.

Приклад:

<h1>Випускники зустрілись в червертій годині</h1>

У тега <h> є атрибути вони такі самі як і у тега <p>.

3.<br> це тег переноса рядка, він не парний.

Атрибутів не має.

Приклад:

<br>Випускники зустрілись в червертій годині.

Тепеп приклад всьо про що йшлося в цьому уроці:

<html>

<head>

</head>

<body>

<h1>Випускники зустрілись в червертій годині</h1>

<p>Випускники зустрілись в червертій годині</p>

<br>Випускники зустрілись в червертій годині.

</body>

</html>

10:35, html
Посилання Додати коментар »

Урок 2.( Голова )

В цьому уроці я розкажу про <head> (голова).

Відкривається тег<head>

І закривається тег</head>

Всі теги закриваються таким знаком: / - слешер.

І так переходим до тегу <head>

1. Перший тег <title> це парний тег.

В ньому прописується заголовок сайта

<title>Все для школи</title>

2. <meta http-equiv=”Content-type” content=”text/html” charset=”windows-1251”>

Це мега тег.

http-equiv=”Content-type” показує браузеру, що сторінка має контент.

Content=”text/html” це означає що сторінка має вміст html

Charset=”windows-1251” це кодування сторінки

Windows-1251 це кирилиця.

3. <meta name=”keywords” content=”слова для пошуку ”> тут вводяться слова через кому

4. <meta name=”description” content=”реченя для пошуку”>тут вводиться речення

Ці мега теги викорстовуються для того щоб сайт бачили пошукові системи

Приклад:

<--------------Приклад всьо що було в цьому уроці---------------->

<html>

<head>

<title>Все для школи</title>

</head>

<body>

</body>

</html>

<--------------Приклад всьо що було в цьому уроці---------------->

В наступних уроках будем проходити <body> ( тіло )

22:25, html
Посилання Додати коментар »

Урок 1. Основні принципи роботи з HTML

HTML (англ. HyperText Markup Language — Мова розмітки гіпертекстових документів) — заснована на SGML текстова мова розмітки, призначена для маркування документів, що містять текст, зображення, гіперпосилання, тощо. HTML-документи лежать в основі Веб, і відображаються із допомогою веб-браузерів. Разом із видимою інформацією, HTML-документи містять додаткові метадані, такі як, наприклад, мова тексту, автор документа, стислий підсумок. Мова розмітки розроблялась консорціумом W3C, остання версія — 4.01, очікується, що HTML буде замінена розширюваною мовою розмітки гіпертексту (XHTML).

(Взято з Вікіпедіа)

Так тепер перейдем до роботи з HTML.

Щоб працювати з HTML підійде любий текстовий редактор.

Відкриємо текстовий редактор і створемо текстовий документ.

І напишем:

<html>

<head>

</head>

<body>

Привіт я твоя пробна сторінка=)

</body>

</html>

і збережем. Зберігати треба в форматі HTML.

Щоб зберегти вибираєм сохранить как...

і далі пишем імя файла index.html

І кодування UTF-8.

І відкрийте той файл який ви зберегли.

Має вийти ось таке:

Всьо ви написали свою першу сторінку.

Головній сторінці сайта слід давати ім'я index.

html сторінка складеється з голови і тіла.

<head>

</head>- це голова.

<body>

</body>- це тіло.

Тег <html>він дає команду бравзеру, що це html сторінка, цим тегом починається html сторінка і закінчується.

Є парні теги такі як <head></head> і не парні як <meta name="keywords" content="">

Всі ці теги будуть поясненні в наступних статтях.

В наступній статті буде йтимова про <head> і всі теги якій у ній є.

P.S. Це моя перша стаття.

00:43, html
Посилання Коментарі (9) »