Лабораторна робота №4. Мета: навчитися створювати форми і підключати таблиці стилів
Тема:сss і форми Мета: навчитися створювати форми і підключати таблиці стилів Хід роботи: <html> <head> <title>формы</title> </head> <body> <a href="../index.html">home</a><br><br> <form action="obrab.php" method="POST" name="forma"> <p>Введите имя:<input type="text" name="imya" width="20"> <p>Введите пароль:<input type="password" name="parol" width="20"> <p>М или Ж?:<input type="radio" name="pol" value="male"> М<input type="radio" name="pol" value="female"> Ж <p>Какую информацию вы хотите получать по почте?<br> <input type="checkbox" name="news">Новости сайта <br> <input type="checkbox" name="info">Информация о новых товарах<br> <input type="checkbox" name="kurs"> Курсы валют <p>Ваш e-mail:<input type="text" name="email" width="20"> <p>Выберите страну:<br> <select name="country"> <option>Украина</option> <option>Россия</option> <option>Китай</option> <option>Египет</option> </select> <p>Напишите нам несколько строк о себе:)<br> <textarea name="aboutme" cols="40" rows="5">Пишем здесь...</textarea> <p><input type="submit" name="button" value="Отправить"> <input type="submit" name="submit" value="Отправить" disabled> <INPUT TYPE="RESET" VALUE ="Сброс"> </form><br><br> <a href="../index.html">home</a><br><br> </body> </html>
H1{ color: navy; font-size: 200%; font-family: Arial, Verdana, sans-serif; text-align: center; } P{ padding-left: 20px; } BODY { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 90%; background: #cccccc; color: black; } ::selection { background: #FF9E6F; } P:first-letter { color:red; font-size:200%; float:left } .dt { border-bottom: 1px dashed red; }
<html> <head> <title>пример работы с стилем</title> <link rel="stylesheet" type="text/css" href="../style/mystyle.css"> </head> <body> <p><a href="../index.html">home</a><br><br>
<p align="justify"><h1>Змістовий підхід до історії хімії</h1> грунтується на вивченні того, як змінювалися в часом теоретичні основи науки. <p align="justify">Слід відзначити, що <b class="dt">вивчення структури науки</b> мало сприяє створенню уявлення про шляхи розвитку хімії в цілому: загальноприйняте поділ хімії на розділи засноване на багатьох різних принципів. Розподіл хімії на органічну і неорганічну вироблено по відмінності їх предметів. <p align="justify">Виділення фізичної хімії засновано на її близькості до фізики, аналітична хімія виділена за ознакою методу дослідження. <p><a href="../index.html">home</a><br><br> </body> </html>
|
