ЛАБ2. Продемонструвати рядкові та блочні елементи, таблиці

ЛАБ2.Продемонструвати рядкові та блочні елементи, тоблиці.
Використати всі теги про які шла мова на лекції. Знати які теги відносятся до якої категорії. Використати таблиці, callspan, rosspan.

ЛАБ3.Продемонструвати роботу з CSS, всі способи підключення. Продемонструвати 3 типи селекторів. Продемонструвати роботу з фоном, шрифтом, границями.

Веб структури

HTTP - hyper text transfer protocol - простокол обмінуданних

TCPIP - протокол для низкорівневого зв'язку комп-комп
HTTP - протокол високорівневого зв'язку документ - документ


ТЕХНОЛОГІЇ

З точки зору клієнта, оброблюється браузером

------------------------------------------

1) HTML 5 - hyper text markup language

2) CSS - cascade style таблиці

3) Java Script - клієнтсяка мова сценаріїв

 

Зі сторони сервера

------------------------------------------

PHP - мова сценаріїв на стороні сервера

MySQL - бази данних зі сторони сервера

ASP, CGI - засоби програмування на стороні сервера

 

 

HTML

<! doctype html>

<html>

<head>
<meta charset = "utf-8">
<title>

</head>

<body>

<h1> ПРИВЕТ </h1>

<a href = "some.html"> Посилання </a>

<p> Абзац </p>

 

 

БЛОЧНІ ЕЛЕМЕНТИ

Заголовки <h1>, абзаци <p>, підкреслення <hr>, списки <ul> <ol> - блочні елементи. <pre> - попередньо відформатований текст. Особливості:

Таблиці

<tr> <td>1</td> <td>2</td> </tr>

Рядкові елементи

Вони є безпосередньою частиною іншого елемента, наприклад абзацу. В основному використовуються для зміни вигляду текста або його логічного виділення.

<img>, <a>, <strong>, <span> (як DIV тільки рядковий), <em> (текст курсивом), <u> (підкреслення), <br>, <img src="", alt="">, <code> (для вставки коду) - рядкові елементи.

Відмінності рядкових елементів і блочних:
1) Рядкові елементи можуть містити тільки данні або інші рядкові елементи

2) Блочні елементи завжди починаються з нового рядка, тоді як вбудовані залишаються на тому самому рядку

3) Ширина рядкових елементів залежить від їх вмісту, чого не закжеш про блочні елементи.

 

CSS

CSS - каскадні таблиці стилів, набір параметрів форматування які застосовуються до елементів документа, для того щоб змінити їх зовнішній вигляд.

Основний синтаксис CSS

H1 {font-family: Arial Narrow; color:#0000FF; font-size:25px;}   Способи підключення стилів до документу: