Файл: Основы программирования на языке HTML (Написание кода на языке HTML).pdf
Добавлен: 25.06.2023
Просмотров: 65
Скачиваний: 3
}
#featured ul.ui-tabs-nav li{
padding:1px 0;
padding-left:13px;
font-size:12px;
color:#ffffff;
}
#featured ul.ui-tabs-nav li img{
float:left;
margin:2px 5px;
background:#ffffff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:11px;
font-family:Verdana;
line-height:18px;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#ffffff;
background:#000000;
line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
background:#cd0d1e;
}
#featured li.ui-tabs-selected{
background:url(../img/bg.png) top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
color:#ebebeb;
background:#cd0d1e;
}
#featured .ui-tabs-panel{width:600px;
height:400px;
padding:0px 0px 0px 0px;
background:#999;
position:relative;
Float:left
}
#featured .ui-tabs-panel .info{
position:absolute;
top:330px;
left:0;
height:70px;
width:400px;
background:url(../img/bg.png);
}
#featured .info h2{
font-size:18px;
font-family:Georgia, serif;
color:#fff;
padding:5px;
margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana;
font-size:11px;
line-height:15px;
color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}
.video{
background:black;
width:650px;
height:360px;
margin-top: 30px;
border:1px solid black;
}
Исходя из результатов проведенной работы, можно выделить несколько ключевых особенностей.
- Каждая страница сайта требует разработки стиля, что существенно загромождает код страницы, осложняет читаемость программного кода, а так же отнимает много времени на написание однотипных строк. Для сокращения временных затрат и упрощения программного кода можно использовать подключаемые стили CSS, и, прописав основные элементы стиля однажды, потребность в их корректировке может уже не потребоваться.
- Язык HTML имеет ряд правил, таких как обязательность наличия строки <!doctype html>, <body> или же <head>. Данные строки кода позволяют быстро ориентироваться в программном коде и находить требуемые разделы.
- Еще одной особенностью является необходимость закрытия уже открытых тегов. Закрытие производится путем добавления символа «/» в наименовании уже открытого тега. Таким образом, закрытие тега <body> будет выглядеть как «</body>».
- Как и в прочих языках программирования, хорошим тоном является использование табуляции при увеличении уровня вложенности. Это заметно упрощает прочтение кодировки.
- Еще одной общей чертой с другими языками программирования является добавление комментариев к коду, которые при просмотре страницы в браузере не видны. Комментарии добавляются с помощью следующего тега «<!>». Все что между восклицательным знаком и закрывающим тег символом, не будет отображаться в браузере.
- HTML является достаточным языком для написания простых сайтов, однако, при необходимости добавления дополнительных модулей, таких как проигрыватель добавление фотоальбома с переключением фотографий, язык программирования оказывается неспособен к добавлению подобного функционала собственными силами. Сказывается давность создания языка программирования – 1992 год. С тех пор HTML практически не изменялся, из-за чего добавление функций, используемых в современных сайтах, без привлечения дополнительных инструментов просто невозможно.