10 Тегів html, які рідко використовують новачки

Кожен, хто Новомосковскет даний урок, напевно знає, що таке HTML. Але огляд основ допомагає збільшити знання і відточити майстерність, особливо в умовах постійно розвиваються веб технологій.

Зараз багато говорять про зміни, які приніс HTML 5. Кожен тег, згаданий в даній статті підтримується і в HTML 4.01 і в HTML 5. Хоча деякі з цих тегів широко використовуються, буде дуже корисно переглянути задіяні методи.

1.

2. Стилі таблиці: , , і

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

Обертаємо рядки таблиці в . Таким чином формується заголовок таблиці.

Обернувши рядки в формуємо підсумкові рядки внизу таблиці. рядки повинні визначатися до рядків . таким чином, підсумкові рядки виводяться на екран до інших рядків таблиці.

Рядок з даними обертаємо в .

3.

4. Заголовки -

,

,

,

,

, і

Звичайно, кожен використовує заголовки. Але якщо бути чесним, то коли ви в останній раз використовували

або заголовок ще більш низького рівня? Заголовки дозволяють будувати менше семантичних конструкцій, таких як додаткові стилі для тексту в

.

Не треба створювати собі додаткової роботи. Пам'ятайте про теги заголовків.

5.

і

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

групує разом елементи форми. малюючи навколо них прямокутну рамку. Також можливо додати назву до такої секції за допомогою

.

6.

тег ніяк не впливає на стиль. Він впливає на функціональність сторінки.

використовується для визначення мітки елемента введення. Мітка сама сприймає натискання кнопки миші, роблячи активним відповідне поле введення. Така властивість міток діє для текстових полів і радіо кнопок.

7.

Якщо потрібно надати драматичний ефект якомусь висловом, то можна використовувати

. За замовчуванням до і після елемента буде вставлена ​​порожній рядок. Також буде додано відступ для відділення міститься в елементі тексту від решти контенту.

Приклад використання тега

8.

Не можна сказати, що відноситься до

. але зазвичай їх використовують разом.

Згадайте про тезі . коли вам потрібно процитувати когось.

Приклад використання тега

спільно з тегом . Дана пропозиція укладено в тег .

9.

Використання списків дає чудові можливості для організації інформації. Кожен знає про

. але як часто ви використовуєте
і

. Ймовірно назву "список визначень" може збентежити розробника і змусити його думати, що такий список можна використовувати тільки для вставки визначень і умов. Однак таке положення не відповідає дійсності.

типи списків

1. Невпорядкований список (ul)
2. Упорядкований список (ol)
3. Список визначень (dl)

Що вони роблять

• Невпорядкований список (ul). список з покажчиками точками
• Упорядкований список (ol). пронумерований список
• Список визначень (dl). Список з визначеннями елементів

Причини використання списків

• Послідовний стиль контенту
• просто створити
• універсальні

Спосіб виведення інформації кожним типом списку відрізняється від іншого. Напевно не потрібно зупинятися на

і
. але структура списку визначень вимагає додаткових роз'яснень.

Замість визначення елемента списку (

1. ), Ми використовуємо два тега:
   і
   .
   визначає кожен пункт списку, а
   описує вище стоїть пункт. Нижче наведено список відповідно до раніше показаним кодом списку визначень.

   Пункт списку # 1 Визначення для пункту списку # 1 Пункт списку # 2 Визначення для пункту списку # 2

   10. '(і інші символи ASCII)

   При використанні HTML потрібно використовувати коди ASCII, коли потрібно вставити який-небудь символ. Таке правило вимагає додаткових дій, але воно гарантує, що всі символи будуть правильно виведені на екран користувача, і браузер не сприйме їх як частину розмітки. Вам ніколи не попадався який-небудь текст, який відображається неправильно? Зазвичай проблемний текст створюється з використанням лапок, апострофів, знаків більше-менше і так далі. Таких символів насправді не багато, і варто запам'ятати їх коди ASCII.

   5 останніх уроків рубрики "HTML і DHTML"

   При написанні або налагодження PHP скриптів ми частенько користуємося функціями var_dump () і print_r () для виведення попередніх даних масив і об'єктів. У цьому пості я б хотів розповісти вам про функції var_export (), яка може перетворити масив в формат, придатний для PHP коду.

2. Парочка безкоштовних шаблонів панелей адміністрування.

3. Створення шаблону для листа не така вже й проста справа. Пропонуємо вам підбірку з 30 сайтів, де можна безкоштовно скачати подібні шаблони на будь-який смак.

4. Наприклад у вас є поле пошуку, яке обробляється при кожному натисканні клавіші клавіатури. Якщо хтось захоче написати слово Windows, AJAX запит буде відправлений за наступними фрагментами: W, Wi, Win, Wind, Windo, Window, Windows. Проблема ?.

5. Підбірка з 15 нових сайтів, де можна скачати безкоштовні фотографії для заповнення своїх сайтів.

   Дякую за інформцію :)

   

   За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!

   
   

   Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!

   

   Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.

   

   Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!