- - html
- css
- javascript
- php
...
Код: Выделить всё
<html>
</html>
Код: Выделить всё
<html>
<head>
<title>Заголовок</title>
</head>
</html>
Код: Выделить всё
<html>
<head>
<title>Заголовок</title>
</head>
<body>
Тело документа
</body>
</html>
Код: Выделить всё
<html>
<head>
<title>Web Page Title</title>
</head>
<body>
<div id="container">
<div id="header">
header
</div>
<div id="menu">
Menu
</div>
<div id="content">
<div class="column" id="left">
column left
</div>
<div class="column" id="right">
column right
</div>
<div id="center">
center content
</div>
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html>
Код: Выделить всё
<style>
</style>
Код: Выделить всё
<link rel="stylesheet" href="путь к css файлу">
Код: Выделить всё
<style>
@import url("путь к css файлу")
</style>
Код: Выделить всё
Селектор {
свойство1: значение;
свойство2: значение;
}
Код: Выделить всё
<html>
<head>
<style>
body { /* Для тега body */
color: red; /* красный цвет шрифта */
}
</style>
</head>
<body>
text.
<div>text in div.</div>
<div id="text">text with id.</div>
<div class="text">text with class.</div>
</body>
</html>
Код: Выделить всё
div { /* для тега div */
color: blue; /* голубой цвет шрифта */
}
Код: Выделить всё
div#text { /* для тега div у которого id = text */
color: pink; /* розовый цвет шрифта */
}
Код: Выделить всё
div.text { /* для тега div у которого class = text */
color: green; /* зеленый цвет шрифта */
}
Код: Выделить всё
body { /* <body> */
color: #333333; /* цвет в шестнадцатеричном представлении - #333333 */
font-family: sans-serif; /* используемый шрифт - sans-serif */
font-size: 11px; /* размер шрифта - 11 пикселей */
}
div#container { /* <div id="container"> */
width: 700px; /* ширина этого дива - 700 пикселей */
margin: 20px auto; /* отступ сверху и снизу: 20px, по бокам - auto - будет автоматически рассчитан браузером */
}
div#header { /* <div id="header"> */
padding: 20px; /* 20 пикселей поле со всех четырех сторон вокруг содержимого элемента */
background-color: #f5f5f5; /* цвет фона этого дива - #f5f5f5 */
}
div#content { /* <div id="content"> */
margin: 10px 0; /* отступ сверху и снизу - 10 пикселей, с права и с лева - 0 */
}
div#center { /* <div id="center"> */
margin: 0 180px;
padding: 20px;
}
div.column { /* <div class="column"> */
width: 180px;
padding: 20px 0;
text-indent: 20px; /* отступ для первой строки - 20 пикселей */
background-color: #f5f5f5;
}
div#left { /* <div id="left"> */
float: left; /* выравнивание этого дива по левому краю */
}
div#right { /* <div id="right"> */
float: right; /* выравнивание этого дива по правому краю */
}
div#footer { /* <div id="footer"> */
padding: 7px; /* полу 7 пикселей со всех сторон */
background-color: #f5f5f5;
}
Код: Выделить всё
body { /* <body> */
color: #333333; /* цвет в шестнадцатеричном представлении - #333333 */
font-family: sans-serif; /* используемый шрифт - sans-serif */
font-size: 11px; /* размер шрифта - 11 пикселей */
}
div#container { /* <div id="container"> */
width: 700px; /* ширина этого дива - 700 пикселей */
margin: 20px auto; /* отступ сверху и снизу: 20px, по бокам - auto - будет автоматически рассчитан браузером */
}
div#header { /* <div id="header"> */
padding: 20px; /* 20 пикселей поле со всех четырех сторон вокруг содержимого элемента */
background-color: #f5f5f5; /* цвет фона этого дива - #f5f5f5 */
}
div#content { /* <div id="content"> */
margin: 10px 0; /* отступ сверху и снизу - 10 пикселей, с права и с лева - 0 */
}
div#center { /* <div id="center"> */
margin: 0 180px;
padding: 20px;
}
div.column { /* <div class="column"> */
width: 180px;
padding: 20px 0;
text-indent: 20px; /* отступ для первой строки - 20 пикселей */
background-color: #f5f5f5;
}
div#left { /* <div id="left"> */
float: left; /* выравнивание этого дива по левому краю */
}
div#right { /* <div id="right"> */
float: right; /* выравнивание этого дива по правому краю */
}
div#footer { /* <div id="footer"> */
padding: 7px; /* полу 7 пикселей со всех сторон */
background-color: #f5f5f5;
}
Код: Выделить всё
<html>
<head>
<title>Web Page Title</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="container">
<div id="header">
header
</div>
<div id="menu">
Menu
</div>
<div id="content">
<div class="column" id="left">
column left
</div>
<div class="column" id="right">
column right
</div>
<div id="center">
center content
</div>
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html>
Самое первое, если у вас до сих пор Internet Explorer - выкиньте его и поставьте Firefox 3
Впереди у нас мое любимое и самое интересное - программирование, но пред этим нужно заполнить хоть как-то сайт, может куда регистрацию, авторизацию,
новости... нужно сделать, предлагайте, воплотим все ваши предложения))
У меня скелет тоже готов, но..
меня смущают некоторые вещи:
Самое первое, если у вас до сих пор Internet Explorer - выкиньте его и поставьте Firefox 3
не согласен. По статистике большинство пользователей используют именно IE.
Мне и самому вполне нравится
IE7 с вкладками. Вот если бы еще отбить ему некоторые замашки, то вполне нормально было бы..
Но суть не в том. Если отбрасывать какой-то вид браузеров, то этим мы лишаемся части посетителей, а это плохо.
Насчет скелета.. В продолжение разглагольствования о браузерах.. У меня скелет в IE отображается с левого края.
А в опере размещен по центру. Почему? Как это исправить?
Код: Выделить всё
margin:0;
padding:0;
Код: Выделить всё
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
Впереди у нас мое любимое и самое интересное - программирование, но пред этим нужно заполнить хоть как-то сайт, может куда регистрацию, авторизацию,
новости... нужно сделать, предлагайте, воплотим все ваши предложения))
Для начала, это конечно мое сугубое имхо, хорошо определиться с темой сайта. О чем он будет. И уже в зависимости от этого наполнять контент и думать нужна ли регистрация.
Мое предложение - сайт с анекдотами, прикольными историями, картинками и т.д.
Регистрация нужна. Регистрированные пользователи смогут добавлять туда свои анекдоты,а гости просто читать.
Да и контент искать не сложно. В сети полно текстовых файлов с анеками, разделенных причем по категориям, которые очень просто запихать в базу, как начальный набор для сайта. (Про базу, я так понимаю, я забежал вперед, но мы же будем делать полноценный интерактивный сайт? Поддерживать статические странички - дело очень хлопотное. )
Как мое предложение? Я пока только могу давать идею, т.к. совершенно не представляю что делать дальше.
И еще.. Мне не понятно, почему мы делаем ширину контейнера 700 пикселей? Этому есть причина?
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость