Измамата на HTML Essentials: Етикети, атрибути и др

Изграждането на уеб страници започва с HTML. Разкрасяването им и превръщането им в интерактивни идва по -късно. Но за да започнете да създавате функционални статични уебсайтове, имате нужда от разбиране на HTML. (Искате бързо въведение в този език за маркиране? Прочетете нашите често задавани въпроси за HTML.)

Като част от изучаването на езика има дълъг списък от елементи, които трябва да добавите към своя HTML речник. И тази задача на пръв поглед може да изглежда обезсърчаваща, поради което измислихме следния лист с мами. Той ви дава лесен начин да откривате/разбирате/припомняте HTML елементи всеки път, когато имате нужда от тях.

---

---

Измамата обхваща тагове и атрибути за структуриране на уеб страници, форматиране на текст, добавяне на формуляри, изображения, списъци, връзки и таблици. Той също така включва тагове, които са въведени в HTML5 и HTML кодове за често използвани специални знаци.

как да отворите psd файлове без photoshop

БЕЗПЛАТНО СВАЛЯНЕ: Този мамят се предлага като PDF за изтегляне от нашия дистрибуторски партньор, TradePub. Ще трябва да попълните кратък формуляр, за да получите достъп до него само за първи път. Изтегли Измамата на HTML Essentials .

къде да намеря кученца за продажба

Измамата на HTML Essentials

......

Пряк път	Действие
Основни тагове
...	Първият и последният маркер на HTML документ. Всички останали тагове лежат между тези отварящи и затварящи тагове.
...	Определя събирането на метаданни за документа.
...	Описва заглавието на страницата и се показва в заглавната лента на браузъра.
...	Включва цялото съдържание, което ще се показва на уеб страницата.
Информация за документа
	Споменава основния URL адрес и всички относителни връзки към документа.
	За допълнителна информация за страницата като автор, дата на публикуване и т.
	Връзки към външни елементи като стилови таблици.
...	Съдържа информация за стила на документа като CSS (каскадни таблици със стилове).
...	Съдържа връзки към външни скриптове.
Форматиране на текст
... ИЛИ ...	Прави текста удебелен.
...	Курсив текст и го прави удебелен.
...	Курсивът на текста, но не го прави удебелен.
...	Зачеркнат текст.
...	Цитира автор на цитат.
...	Етикетира изтрита част от текст.
...	Показва раздел, който е вмъкнат в съдържанието.
...	За показване на кавички. Често се използва с етикета.
...	За по -кратки цитати.
...	За съкращения и пълни формуляри.
...	Посочва данни за контакт.
...	За определения.
...	За кодови фрагменти.
...	За писане на индекси
...	За писане на горни индекси.
...	За намаляване на размера на текста и маркиране на излишна информация в HTML5.
Структура на документа
...	Различни нива на заглавия. H1 е най -големият и H6 е най -малкият.
...	За разделяне на съдържанието на блокове.
...	Включва вградени елементи, като изображение, икона, емотикон, без да нарушава форматирането на страницата.
...	Съдържа обикновен текст.
	Създава нов ред.
	Начертава хоризонтална лента, за да покаже края на раздела.
Списъци
...	За подреден списък на артикулите.
...	За неподреден списък с артикули.
...	За отделни елементи в списък.
...	Списък на елементите с определения.
...	Определението на един термин, вграден в съдържанието на тялото.
...	Описанието за определения термин.
Връзки
...	Котва маркер за хипервръзки.
...	Етикет за свързване към имейл адреси.
...	Котва маркер за изброяване на номера за контакт.
...	Котварен маркер за свързване към друга част от същата страница.
...	Придвижва се до div раздел на уеб страницата. (Вариант на горния маркер)
Изображения
	За показване на файлове с изображения.
Атрибути за етикет
src = url	Връзка към изходния път на изображението.
alt = текст	Текстът, който се показва, когато мишката е поставена върху изображението.
височина =	Височина на изображението в пиксели или проценти.
ширина =	Ширина на изображението в пиксели или проценти.
подравняване =	Относително подравняване на изображението на страницата.
граница =	Дебелина на границата на изображението.
...	Връзка към карта с възможност за кликване.
...	Име на изображението на картата.
	Областта на изображението на карта с изображение.
Атрибути за маркера
форма = '	Форма на областта на изображението.
координати =	Координати на областта на изображението на картата.
Форми
...	Родителският маркер за HTML формуляр.
Атрибути за маркера
действие = url	URL адресът, където се изпращат данните от формуляра.
метод =	Указва протокола за изпращане на формуляр (POST или GET).
enctype =	Схемата за кодиране на данни за подаване на POST.
автодовършване	Указва дали автоматичното попълване на формуляра е включено или изключено.
невалиден	Указва дали формулярът трябва да бъде валидиран преди изпращането.
приемете-charsets	Указва кодиране на знаци за изпращане на формуляри.
цел	Показва къде ще се покаже отговорът за изпращане на формуляр.
...	Групира свързани елементи във формата/
...	Указва какво трябва да въведе потребителят във всяко поле за формуляр.
...	Надпис за елемента fieldset.
	Указва какъв тип вход да приема от потребителя.
Атрибути за маркера
тип =	Определя вида на въвеждане (текст, дати, парола).
име =	Указва името на полето за въвеждане.
стойност =	Указва стойността в полето за въвеждане.
размер =	Задава броя знаци за полето за въвеждане.
максимална дължина =	Задава ограничението за допустими символи за въвеждане.
задължително	Прави полето за въвеждане задължително.
ширина =	Задава ширина на полето за въвеждане в пиксели.
височина =	Задава височина на полето за въвеждане в пиксели.
заместител =	Описва очакваната стойност на полето.
модел =	Указва регулярен израз, който може да се използва за търсене на модели в текста на потребителя.
мин =	Минималната допустима стойност за входен елемент.
макс =	Максималната допустима стойност за входен елемент.
хора с увреждания	Деактивира входния елемент.
...	За улавяне на по -дълги низове от данни от потребителя.
...	Определя списък с опции, от които потребителят може да избира.
Атрибути за маркера
име =	Указва име за падащ списък.
размер =	Брой опции, предоставени на потребителя.
многократни	Задава дали потребителят може да избере няколко опции от списъка.
задължително	Определя дали изборът на опция/и е необходим за подаване на формуляр.
автофокус	Указва, че падащ списък автоматично влиза във фокус след зареждане на страница.
...	Дефинира елементи в падащ списък.
стойност =	Показва текста за всяка дадена опция.
избрани	Задава опцията по подразбиране, която да се показва.
...	Етикет за създаване на бутон за изпращане на формуляр.
Обекти и iFrames
...	Описва вградения тип файл.
Атрибути за маркера
височина =	Височината на обекта.
ширина =	Ширината на обекта.
тип =	Типът носител, който обектът съдържа.
	Вградена рамка за вграждане на външна информация.
име =	Името на iFrame.
src =	Изходният URL адрес на съдържанието в рамката.
srcdoc =	HTML съдържанието в рамките на рамката.
височина =	Височината на iFrame.
ширина =	Ширината на iFrame.
	Добавя допълнителни параметри за персонализиране на iFrame.
...	Вгражда външно приложение или плъгин.
Атрибути за маркера
височина =	Задава височината на вграждането.
ширина =	Задава ширината на вграждането.
тип =	Типът или форматът на вграждането.
src =	Изходният път на вградения файл.
Таблици
...	Определя цялото съдържание за таблица.
...	Описание на таблицата.
...	Заглавки за всяка колона в таблицата.
Дефинира телесните данни за таблицата.
...	Описва съдържанието на долния колонтитул на таблицата.
Съдържание за един ред.
	...	Данните в един заглавен елемент.
	...	Съдържание в една клетка на таблица.
...	Групирайте колони за форматиране.
	Една колона с информация.
HTML5 Нови тагове
...	Посочва заглавката на уеб страницата.
...	Определя долния колонтитул на уеб страницата.
...	Маркира основното съдържание на уеб страницата.
...	Посочва статия.
...	Определя съдържанието на страничната лента на страница.
...	Указва конкретен раздел в уеб страницата.
...	За описание на допълнителна информация.
...	Използва се като заглавие на горния маркер. Винаги се вижда от потребителя.
...	Създава диалогов прозорец.
...	Използва се за включване на диаграми и фигури.
...	Описва елемент.
...	Откроява конкретна част от текста.
...	Набор от навигационни връзки на уеб страница.
...	Определен елемент от списък или меню.
...	Измерва данните в даден диапазон.
...	Поставя лента за напредък и следи напредъка.
...	Показва текст, който не поддържа Ruby пояснения.
...	Показва подробности за символите на типографската книга в Източна Азия.
...	Ruby анотация за източноазиатската типография.
...	Определя час и дата.
	Прекъсване на ред в съдържанието.
¹ HTML5 Символни обекти
" ИЛИ & quot;	Кавички
< ИЛИ & lt;	Знак по -малък (<)
> ИЛИ & gt;	Знак по -голям от (>)
ИЛИ ;	Непрекъснато пространство
© ИЛИ &копие ;	Символ за авторски права
™ ИЛИ & ucirc;	Символ на търговска марка
@ ИЛИ & Uuml;	при символ (@)
& ИЛИ & amp;	Символ на амперсанд (&)
• ИЛИ & ouml;	Малък куршум
¹ Игнорирайте интервала преди точка и запетая, докато въвеждате HTML символ.

Изградете уебсайт за практическо преживяване

След като сте разбрали основите на HTML кода и да имате работни познания по CSS и JavaScript, опитайте се да създадете уебсайт . Също така, не забравяйте да запазите нашия списък с свойства на CSS3 и JavaScript измама за бъдеща употреба!

---

---

Дял Дял Туит електронна поща Как да получите достъп до вграденото ниво на балон на Google в Android

Ако някога сте имали нужда да се уверите, че нещо е на ниво, сега можете да получите ниво на балончета на телефона си за секунди.

как да промените снимката на профила на netflix

Прочетете Напред Свързани теми

• Производителност
• Програмиране
• HTML
• Пищов

За автора Акшата Шанбхаг(404 статии са публикувани)

Акшата е обучен в ръчно тестване, анимация и UX дизайн, преди да се съсредоточи върху технологиите и писането. Това събра две от любимите й дейности - осмисляне на системите и опростяване на жаргона. В MakeUseOf, Akshata пише за това как да се възползвате максимално от вашите устройства на Apple.

---

---

Още от Akshata Shanbhag

Абонирайте се за нашия бюлетин

Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!

Щракнете тук, за да се абонирате