Html: відмінності між версіями
Створена сторінка: '''HTML''' ''(англ. '''H'''yper '''T'''ext '''M'''arkup '''L'''anguage)'' - стандартна мова розмітки у цих ваших [[Інтерн... |
Usik64 (обговорення | внесок) Немає опису редагування |
||
| Рядок 2: | Рядок 2: | ||
== На пальцях == | == На пальцях == | ||
Фактично html складається з тегів (по типу ключових слів). Теги необхідно закривати(<nowiki><tag></tag></nowiki>)Деякі теги не треба закривати, наприклад <nowiki><img></nowiki>(імпортує на веб-сторінку зображення). Виглядають вони десь так: | Фактично html складається з тегів (по типу ключових слів). Теги необхідно закривати(<nowiki><tag></tag></nowiki>). Деякі теги не треба закривати, наприклад <nowiki><img></nowiki>(імпортує на веб-сторінку зображення). | ||
Виглядають вони десь так: | |||
<br /><code><nowiki><html>, <givno> і.т.д</nowiki></code>. | <br /><code><nowiki><html>, <givno> і.т.д</nowiki></code>. | ||
<br />Кожен тег має певну функцію, наприклад тег <code><nowiki><i></nowiki></code> робить текст курсивом: <code><nowiki><i>Цей текст буде курсивом</i></nowiki></code>.<br /> | <br />Кожен тег має певну функцію, наприклад тег <code><nowiki><i></nowiki></code> робить текст курсивом: <code><nowiki><i>Цей текст буде курсивом</i></nowiki></code>.<br /> | ||
Для верстки веб-сторінок в основному використовують блоки <nowiki><div></nowiki> або таблиці <nowiki><table></nowiki>. | Для верстки веб-сторінок в основному використовують блоки <nowiki><div></nowiki> або таблиці <nowiki><table></nowiki>. | ||
<br />Ось приклад повноцінної веб сторінки(пробіли розставлені для читабельності)(<nowiki><!-- --></nowiki> - кометарі, які не впливають на веб сторінку.):<br /> | <br />Ось приклад повноцінної веб сторінки (пробіли розставлені для читабельності) (<nowiki><!-- --></nowiki> - кометарі, які не впливають на веб сторінку.):<br /> | ||
<pre> | <pre> | ||
<html><!--Головний тег хтмл, з нього починається все(може ще бути <!DOCTYPE>, але вам це знати не треба)--> | <html><!--Головний тег хтмл, з нього починається все(може ще бути <!DOCTYPE>, | ||
але вам це знати не треба)--> | |||
<head><!--Початок голови документу(тут стилі, скрипти і т.д.)--> | <head><!--Початок голови документу(тут стилі, скрипти і т.д.)--> | ||
<title>Назва сторінки</title><!--Буде відображатись на вкладці браузера--> | <title>Назва сторінки</title><!--Буде відображатись на вкладці браузера--> | ||
| Рядок 32: | Рядок 35: | ||
Після створення html-документу у якомусь [[Текстовий редактор|текстовому редакторі]], збережіть його з будь-яким ім'ям, у форматі *.html або *.shtml або *.htm ... І відкрийте у будь-якому браузері, ТА-ДА!!! | Після створення html-документу у якомусь [[Текстовий редактор|текстовому редакторі]], збережіть його з будь-яким ім'ям, у форматі *.html або *.shtml або *.htm ... І відкрийте у будь-якому браузері, ТА-ДА!!! | ||
==А ще?== | |||
А ще в ХТМЛі можна правити - редагувати [[Сайт рідного села]], написаний в [[Юкоз]]і (і не лише в Юкозі), О! | |||
== Посилання == | == Посилання == | ||
*[http://htmlbook.ru Мануал з хетемеля і цсс] | *[http://htmlbook.ru Мануал з хетемеля і цсс] | ||
Версія за 14:15, 3 травня 2011
HTML (англ. Hyper Text Markup Language) - стандартна мова розмітки у цих ваших інтернетах. Використовується абсолютно всюди(у ФМ теж).
На пальцях
Фактично html складається з тегів (по типу ключових слів). Теги необхідно закривати(<tag></tag>). Деякі теги не треба закривати, наприклад <img>(імпортує на веб-сторінку зображення).
Виглядають вони десь так:
<html>, <givno> і.т.д.
Кожен тег має певну функцію, наприклад тег <i> робить текст курсивом: <i>Цей текст буде курсивом</i>.
Для верстки веб-сторінок в основному використовують блоки <div> або таблиці <table>.
Ось приклад повноцінної веб сторінки (пробіли розставлені для читабельності) (<!-- --> - кометарі, які не впливають на веб сторінку.):
<html><!--Головний тег хтмл, з нього починається все(може ще бути <!DOCTYPE>,
але вам це знати не треба)-->
<head><!--Початок голови документу(тут стилі, скрипти і т.д.)-->
<title>Назва сторінки</title><!--Буде відображатись на вкладці браузера-->
</head><!-- Кінець голови -->
<body><!-- Початок тіла документу -->
<div align="center"><!-- Вирівнювання по центру(<div> - це блок) -->
Тут основний контент.
</div>
</body><!-- Кінець тіла -->
</html><!-- І кінець документу -->
Ось так.
CSS - мова стилів для html, працює за селекторами.
Короткий мануал
Як вже було сказано, CSS працює за селекторами. Селектором може бути ім'я тега, id блоку і багато чого іншого:
#id/*Це коментар. ID - айді блоку чи елемента до якого буде використано
стилі у фігурних дужках*/{font-weight: bold;/*Це перекладається як "Начіртаніє: Жирнає"*/}
"І ШО МЕНІ З ЦИМ РОБИТИ?"
Після створення html-документу у якомусь текстовому редакторі, збережіть його з будь-яким ім'ям, у форматі *.html або *.shtml або *.htm ... І відкрийте у будь-якому браузері, ТА-ДА!!!
А ще?
А ще в ХТМЛі можна правити - редагувати Сайт рідного села, написаний в Юкозі (і не лише в Юкозі), О!