Home
Search results “Link charset style”
Learn Html in Arabic #08 - Head
 
20:06
Learn every element inside the head tag meta charset meta description title link style script
Views: 189400 Elzero Web School
HTML-тег style и тег link. #11
 
10:26
Хостинг, который использую я. При переходе по ссылке вы сможете получить бесплатный хостинг на два месяца и домен в подарок: http://bit.ly/2B3SHkD Дополнительные материалы (бесплатные и платные) для ВидеоКурса здесь: http://sdelaemblog.ru/instrumenty-i-shpargalki/videokurs-html/ Видеокурс HTML. Урок 11. HTML-тег STYLE и тег LINK. (Теги документа) Мы познакомимся с элементами, которые рано или поздно Нам понадобятся. Это теги STYLE и LINK, они предназначены для оформления нашего HTML-документа. Без использования хотя бы одного из этих тегов, Мы не сможем оформить наш документ. То есть расположить элементы на странице там, где нам это нужно. Указать цвета, вставить картинки и т.д. В общем теги LINK и STYLE очень важные теги документа, о которым Мы обязательно должны знать. Все видео здесь: http://sdelaemblog.ru/category/html-css/videokurs-html/ Вы можете поддержать проект, с помощью комментариев или лайков, за каждый отдельное спасибо. Мой видео курс за смешные деньги: https://sdelaemblog.ru/moi-kursy/videokurs-vkontakte#sale Мой HTML-справочник, который поможет а работе, почти даром: https://sdelaemblog.ru/moi-kursy/videokurs-vkontakte#sale Материальная поддержка проекта: Яндекс Деньги: 410011398844657 WebMoney: R042342968957
Views: 1235 Михаил Веб
Внутренняя оптимизация: meta robots, canonical, пагинация - Урок №9, Школа SEO
 
35:57
В этом уроке мы разберем такие элементы внутренней оптимизации как: - Что такое meta robots и как его правильно использовать. - Ситуации в которых необходима разметка canonical. - Что такое правильная пагинация при оптимизации сайта. Полезные ссылки: Руководство от Google http://static.googleusercontent.com/media/www.google.ru/ru/ru/intl/ru/webmasters/docs/search-engine-optimization-starter-guide-ru.pdf Справка Google по meta robots https://developers.google.com/webmasters/control-crawl-index/docs/robots_meta_tag?hl=ru Справка Google по Сanonical https://support.google.com/webmasters/answer/139066?hl=ru Разбиение на страницы "Пагинация" https://support.google.com/webmasters/answer/1663744?hl=ru Форма для ваших вопросов https://docs.google.com/forms/d/1LzpXwUstY0c96v1JhpIAaePm44krG4Fm0iUJXXxD61o/edit?pageId=114992611445384538230 Статья по теме индексации https://seo7.com.ua/blog/indeksatsiya-google/ Инструменты для автоматического аудита Screaming Frog SEO Spider https://www.screamingfrog.co.uk/seo-spider/ Бесплатные SEO-инструменты Microsoft https://www.microsoft.com/en-us/download/details.aspx?id=24823 Инструкция по установке и использования http://www.seo-sign.com/2016/03/iis-search-engine-optimization-seo-toolkit.html ----------------------------------------------------------------- Онлайн обучение от Школы SEO http://www.seo-sign.com/p/seo_11.html Продвижение сайта от SEO7 https://seo7.com.ua/uslugi/ -----------------------------------------------------------------
Views: 16246 Школа SEO
13 Meta Charset In Html and UTF 8
 
07:27
इस विडियो सीरीज मे आप सीखेंगे HTML के सभी OPTIONS के बारे में , आगे आने वाली वीडियो में और भी ADVANCE और IMPORTANT जानकारी , MISS न करें और अभी सब्सक्राइब करें, सब्सक्राइब करने के लिए नीचे दिए लिंक पे क्लिक करें https://www.youtube.com/channel/UCtX_kEx0pkQR49Zedu1CeKA?sub_confirmation=1 We are committed to provide best and new videos every week , subscribe to make sure not to miss videos , just click and subscribe using the above link. To download free : E-BOOK + SPOKEN ENGLISH CRASH COURSE OF 20 DAYS , CLICK BELOW http://ishtworld.com/CompleteTraining http://smartosystems.in/CompleteTraining To know about Author click on below link http://ishtworld.com/authorsinfo http://smartosystems.in/authorsinfo To know more complete trainings http://ishtworld.com/shop/ Join our Facebook page https://www.facebook.com/smartosystems Join our YouTube channel https://www.youtube.com/c/ISHTAIMS-SmartoSystemS To subscribe our channel https://www.youtube.com/channel/UCtX_kEx0pkQR49Zedu1CeKA?sub_confirmation=1 Join our Google + Circle https://plus.google.com/+ISHTAIMS-SmartoSystemS Html course content 1. Introduction to HTML 2. Html History 3. Html Tags 4. Requirements to Run Html Files 5. First Html Program 6. Let’s Write Our First Html Program 7. Types of Tags in Html 8. Tag Properties in Html 9. Let’s Know About Head Tag in Html 10. Defining Styles in Head Tag 11. Defining Java Script in Head Tag in Html 12. Meta Tag in Head Section in Html 13. Meta Charset in Html and UTF-8 14. Relationship and Covered Note 15. Body Tag in Html 16. Block versus Inline Elements 17. White Space in Html and Pre Tag 18. Comments in Html 19. Headings in Html 20. P Tag in Html 21. Img Tag in Html 22. Img Tag Alignment in Html 23. Img Tag Alignment Using Styles Attributes 24. Clear Property for Image Using CSS 25. Hyperlinks in html 26. Internal Versus External Hyperlink in Html 27. CSS Styles in Hyperlink 28. Map Tag in Html 29. Font Tag in Html 30. Html Font Style Elements 31. Font Style Using CSS Styling 32. Quotation and Citation Tags in Html 33. Character Entities in HTML 34. List Tags in Html 35. List Styling Unordered List in Html 36. List Styling Ordered List in Html 37. Nested Listing in Html 38. Listing Menus Using Html CSS 39. Forms in Html 40. Forms Elements in Html-1 41. Forms Elements in Html-2 42. Forms Elements in Html-3 43. Form Data Submission in Html 44. Tables in Html 45. Tables Tag Attributes in Html 46. Table Tag Attributes -1 47. Table Tag Attributes -2 48. Tables Tag Styles in Html Using CSS 49. Spanning In Tables in Html 50. Mark Tag in Html 51. Obsolete Tags in HTML 5 52. CSS Cascading Style Sheets and html 53. CSS Styles in Html 54. CSS Selectors in Html 55. Id and Class Selectors in CSS-1 56. Id and Class Selectors in CSS-2 57. CSS implementation in Html 58. CSS with Cascading Effect 59. Comments in CSS Subscribe to get more videos like this. https://www.youtube.com/channel/UCtX_kEx0pkQR49Zedu1CeKA?sub_confirmation=1 #ishtworld.com #smartosystems
Views: 7041 SmartO Systems
⁂9. тег  link.  Подключение CSS к HTML. Как подключить Favicon. Программирование. Уроки.
 
17:44
link (ссылка, связь, соединение) ❮link rel="icon" type="image/jpg" href="dog.jpg"❯ ❮link rel="stylesheet" type="text/css" href="style.css"❯ rel - (relationship ‒ отношение, взаимосвязь) определяет отношения между текущим документом и файлом, на который делается ссылка. type - MIME-тип данных подключаемого файла. href - путь к связываемому файлу. Favicon (сокр. от англ. FAVorite ICON — «значок для избранного») — значок веб-сайта или веб-страницы. Отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса. ➤ Файлы 1-5 к уроку https://vk.com/doc350316541_453884924 Остальные уроки http://24navo.com/ Толковый Словарь Русского Языка. С. И. Ожегов Н. Ю. Шведова http://24navo.com/lessons/html_list/i/m/Ozhegov.Dictionary.html Словарь иностранных слов современного русского языка. Т. В. Егорова http://24navo.com/lessons/html_list/i/m/Egorov_Dictionary_of_foreign_words_of_modern_Russian_language.pdf
QuickTip #141 - CSS Tutorial - Quotes | HTML | Meta Charset UTF8 | Style
 
01:45
CSS HTML Charset UTF8 Tutorial: So erstellt man Quotes. ↕↕↕↕↕↕↕↕↕↕↕↕↕↕Links↕↕↕↕↕↕↕↕↕↕↕↕↕↕ Amazon-Link: http://amzn.to/1yr6OdD Günstige Spiele: https://www.g2a.com/r/sawmyname Meine Buchempfehlungen: C#: http://amzn.to/1sW4Mdb Python: http://amzn.to/Zc3T9g CSS: http://amzn.to/1uhO4uy JavaScript: http://amzn.to/1mJNy6n Java: http://amzn.to/1pbGv1z Facebook: https://www.facebook.com/pages/Event-Handler/1495860210672727
Views: 739 Event Handler
GoToWeb - Видеокурс Html и Css, Урок 3, Элемент Doctype, теги html, head, body, каркас html-страницы
 
09:31
https://youtu.be/XAu_DH5rcwg Начиная с текущего урока будут постепенно изучаться основные теги html. В текущем уроке рассмотрим минимальную структуру (каркас) html-страницы, элемент Doctype, теги верхнего уровня head и body, а также теги, которые могут быть в теге заголовка документа head: title, meta, link, style, script. Содержание видеоурока: 00:15 – элемент Doctype, предыдущие версии html. 01:45 – теги верхнего уровня: html, head, body. 02:45 – тег head и его содержимое. 03:12 – тег title. 04:00 – кодировка документа, тег meta, кодировка utf-8. 07:15 – теги link, style, script. 07:57 – тег body и его содержимое.
Views: 877 goto web
Add Your Own Custom Font on Website Using CSS Only :) No Google Font Link
 
11:33
Welcome, all we will see How we can add our own custom using CSS Only. Source Code Link: https://www.thapatechnical.com/ With the @font-face rule, web designers do not have to use one of the "web-safe" fonts anymore. In the @font-face rule you must first define a name for the font (e.g. myFirstFont), and then point to the font file. Tip: Use lowercase letters for the font URL. Uppercase letters can give unexpected results in IE! To use the font for an HTML element, refer to the name of the font (myFirstFont) through the font-family property: div { font-family: myFirstFont; }
Views: 485 Thapa Technical
தமிழில் HTML 2 Fonts Meta Tags (In Tamil)
 
09:08
Font settings, superscript, subscript, strikethru, meta tags, paragraphs
Views: 6456 Free OpenMentor
Стили CSS Тег STYLE, Видео курс по HTML, Урок 6
 
04:02
В этом видео уроке я расскажу вам про тег STYLE. Тег STYLE нужен для оформления стилей CSS в файле HTML. Вы узнаете как писать стили CSS в файле HTML для того чтобы не создавать отдельный файл. Тег STYLE может быть полезен в некоторых ситуациях. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Быстрый старт в CSS: https://youtu.be/X3fwcl_qx50 Верстка по макету на Flexbox: https://youtu.be/r7v2meIhiCs Красивое оформление меню: https://youtu.be/6jbkQ3kA2KA ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.xyz/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://www.youtube.com/watch?v=--XMXjGCmi8&list=PLuY6eeDuleIMjV7Kff8yf8RA-XwjXVGgl&index=5 ► Следующее видео: https://www.youtube.com/watch?v=Jk1SDi75PwU&index=7&list=PLuY6eeDuleIMjV7Kff8yf8RA-XwjXVGgl Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1
Views: 269 ITDoctor
3. CABECERA (head) HTML CHARSET Y METADATOS | Curso de HTML 5 fácil
 
06:24
-- Suscríbete a mi canal !! https://goo.gl/ypKA6v -- Sígueme en facebook: https://goo.gl/6nao23 Links para las páginas de la w3schools para ver sobre el conjunto de caracteres o charset. https://www.w3schools.com/html/html_charset.asp Atributo charset de la etiqueta meta https://www.w3schools.com/tags/att_meta_charset.asp Documento de referencia del charset utf8 https://www.w3schools.com/charsets/ref_html_utf8.asp En este videotutorial que forma parte del curso html 5 fácil es la primera parte de dos videos en los cuales te explico en qué consiste la cabecera de un documento html. Particularmente en este video vamos a ver sobre el charset de un documento html y los metadatos keywords y description html5 es lo primero que debemos saber cuando se trata de crear sitios web, por lo cual, te invito a que sigas este curso y que me des tu opinión sobre los videos que estaré subiendo. Además, si quieres ser un programador o incursionar en la programación web, html5 están en el inicio del camino para convertirte en programador web. Si quieres aprender html5, no lo dudes, comienza con este curso ahora mismo. También te invito a compartir los videos y darle like si te ha gustado. Además de este video, tenemos publicados los siguientes videos dentro de la serie: ¿Cómo usar html5? -- https://youtu.be/icZR-CFDhuE Estructura documento html -- https://youtu.be/Bi_yJ3hrXYw O si lo prefieres, puedes seguir este link para entrar a la lista de reproducción de todo el curso -- https://www.youtube.com/playlist?list=PLVwmjuDYoki_Tbezdq9KafAEH1dqQnhG_
Views: 473 Profe Javier
Основы HTML5. #7 Тег head
 
15:10
Подробно рассматриваем содержимое HTML тега head. Вы узнаете: как подключить скрипт к HTML странице; как подключить таблицу стилей (style.css); как добавить ключевые слова и описание для сайта; а также указание имени автора HTML документа (атрибут author) Вконтакте: https://vk.com/shiperty Telegram канал: https://t.me/shiperty Twitter: https://twitter.com/shiperty Instagram: https://www.instagram.com/shiperty/ _О КАНАЛЕ_ На этом канале вы найдете видео уроки по созданию сайтов на движке WordPress (установке, настройке, оптимизации, различные хаки и секреты). Уроки по созданию WordPress шаблонов. Уроки по PHP, HTML и CSS. Увидите подробные авторские обзоры плагинов WordPress, инструкции по их установке и настройке. Также обзоры полезных и интересных программ. Понравившихся нам сайтов и многое другое.
Views: 4114 Petr Alexandrovich
HTML5 And CSS3 Tutorial 13 _ Charset utf-8 & meta tag
 
02:58
hi guys whats up. in this video we are going to add a charset to our webpage. so for adding a charset , we add our charset to meta tag inside the head tag , and meta tag is also a tag that we can use to add more meta information about our web page as head tag. so we add meta and a charset , ad the standered charset that we can use is UTF-8 so its a type of charset. so ,,, thanks for watching and like & subscribe
Views: 2050 Let's Learn
#6 Head Elements in HTML5 Continued... || HTML5 in Tamil
 
09:05
This video exposes the details about the following HTML Head element tags: (in Tamil) - Head - Title - Meta - Script - Style - Link - Base This Video is Part of “HTML5 in Tamil” You can Watch all videos, click this link : https://goo.gl/jRZkDS For a full list of our YouTube courses, visit our website: http://cka.collectiva.in/programming Contact Details : Feel free to Call : (+91) 850 850 2000 By Collectiva Knowledge Acadamy http://cka.collectiva.in Related searchs: html in tamil, html in tamil tutorial, html basics in tamil, html basics for beginners in tamil, learn html in tamil, learn html5 in tamil, learn html for beginners in tamil,Head elements in tamil,head elements in html
(6/35) Creating a New Page - DOCTYPE CHARSET LANG
 
10:05
In this video you'll see some of the most basic attributes that are associated with a new HTML page. Specially, declaring a DOCTYPE, defining a character set and setting a language for the HTML document are covered. Related Links: DOCTYPE - http://htmlhelp.com/tools/validator/doctype.html Character Set - http://en.wikipedia.org/wiki/UTF-8 Setting a language - http://www.w3.org/International/articles/language-tags/ http://www.icheckwebsite.com/knowledge-base/what-is-lang-attribute-and-why-it-is-important-to-define-it-in-the-html-document
Views: 519 Code Cascade
7. ESTILOS INLINE CON EL ATRIBUTO STYLE | Curso HTML 5 Fácil
 
06:01
En este tutorial de html 5 fácil, te muestro cómo utilizar el atributo style que puede ser ocupado prácticamente en cualquiera de las etiquetas que se muestran en el cuerpo de un documento html html5 es lo primero que debemos saber cuando se trata de crear sitios web, por lo cual, te invito a que sigas este curso y que me des tu opinión sobre los videos que estaré subiendo. Además, si quieres ser un programador o incursionar en la programación web, html5 están en el inicio del camino para poder lograrlo Si quieres aprender html5, no lo dudes, comienza con este curso ahora mismo. También te invito a compartir los videos y darle like si te ha gustado. ----------------------------------------------------------------------------------------------------------- -- Suscríbete a mi canal !! https://goo.gl/ypKA6v -- Sígueme en facebook: https://goo.gl/6nao23 ----------------------------------------------------------------------------------------------------------- Además de este video, tenemos publicados los siguientes videos dentro de la serie: ¿Cómo usar html5? -- https://youtu.be/icZR-CFDhuE Estructura documento html -- https://youtu.be/Bi_yJ3hrXYw Cabecera (head) html charset y metadatos -- https://youtu.be/5_WMsPLOahk Cabecera (head) html | etiqueta link, title y metadato author https://youtu.be/lS9xMALMFcs Etiquetas de encabezados y párrafos. https://youtu.be/Nq49Hf9PuA4 Etiquetas de formateo de Texto en HTML. https://www.youtube.com/watch?v=0gGQ7FuMMU0&feature=youtu.be O si lo prefieres, puedes seguir este link para entrar a la lista de reproducción de todo el curso -- https://www.youtube.com/playlist?list=PLVwmjuDYoki_Tbezdq9KafAEH1dqQnhG_
Views: 209 Profe Javier
Активация и кодирование функций Skoda Rapid
 
16:23
Активируем дополнительные возможности своими руками. Подробности касаемо активации здесь: https://www.drive2.ru/b/2807149/ По всем вопросам и предложениям пишите на почту: [email protected]
HTML E CSS - Meta Charset
 
07:35
Espero que tenham gostado :)
HTML5 Tutorial For Beginners 4 # HTML meta tags
 
05:53
Searches related to meta tags in html html tags in textbox get meta tags meta description html code html code meta meta tag attributes in html html meta content css meta tags meta tag options
Views: 25461 ProgrammingKnowledge
Meta tag -- HTML Head Section in Hindi (part 4/5) [ HTML in Hindi ]
 
08:08
In this Hindi video tutorial, you'll learn about the Meta tag in HTML language in Hindi/Urdu. Learn how to use meta tags, how it can help you in getting top SEO rank. How to Provide your web page or HTML document information to search engine by meta tag and get your site in top search sites by using meta tag. How to use meta tag in Hindi/Urdu HTML हिन्दी मे सीखे ...HTML हिन्दी मे सीख कर web design मे expert bane.. web design सिखने के लिए शुरु करे HTML tutorial हिन्दी मे । ... Learn HTML in Hindi and Make yourself expert in HTML in Hindi for learning web designing with Hindi HTML learning tutorial you can learn HTML easily with this HTML in Hindi tutorial. it is great platform for learning HTML in Hindi. HTML Tutorial in Hindi/Urdu for beginner to expert.... This course is one of the best courses designed for beginners in HTML. Watch this HTML in Hindi video tutorials series to learn HTML from Basic to advance. In this course, you'll learn the complete web design structure in Hindi/Urdu. Like | Watch | Share | Subscribe Website: http://www.vishacademy.com YouTube Channel: http://www.youtube.com/vishAcademy Facebook: http://www.facebook.com/vishAcademy
Views: 102420 vishAcademy
Learn HTML & HTML 5  listing Tutorial 2016
 
07:26
Learn HTML & HTML 5 listing Tutorial 2016 Everything you can do with HTML 5 and provide numerous examples using CSS, JavaScript and PHP. 00:32 DOCTYPE HTML URL 01:52 HEAD META CHARSET REDIRECT 03:14 DESCRIPTION KEYWORDS ROBOTS 04:45 SCRIPT BASE LINK STYLESHEET 05:45 ICONS TITLE 06:42 VALIDATE HTML5 07:15 BODY ONLOAD DIV WRAPPER 08:16 NOSCRIPT H1 P BR HR 09:23 BLOCKQUOTE CITE Q 10:14 PRE CODE 11:21 JavaScript : onclick getElementsByTagName innerHTML HexCode 13:44 IMG ID SRC ALT WIDTH HEIGHT 14:36 B STRONG EM I 15:10 SMALL INS DEL SAMP 15:30 ABBR TITLE DFN KBD 16:49 Character Entities 17:35 SUP SUB BDO RUBY RT 18:29 LINKS A HREF 19:01 Link Active States CSS 20:06 CSS background IDs margin 21:12 Linking within Page 22:43 mailto 23:04 JavaScript : Execute onclick toggle visibility 24:53 Making Image Maps with GIMP 27:15 OBJECT DATA TYPE PARAM Embedding 28:50 Everything you can embed 29:11 IFRAME 29:32 EMBED Flash Plugins 30:05 AUDIO 30:36 VIDEO 30:55 HEADER 31:42 NAV Navigation 32:02 MAIN SECTION ARTICLE ASIDE 33:55 ORDERED & UNORDERED LISTS OL UL 35:36 CSS : float display padding # text-decoration 38:09 DEFINITION LISTS DL DD DT 39:19 list-style-type for lists 39:56 ORDERED LIST TYPES 40:58 TABLES : caption thead tr td colspan tfoot tbody 43:51 FOOTER ADDRESS SMALL 44:38 FORMS & PHP GET POST 45:10 Processing Forms with PHP 45:44 INPUT TAGS 47:51 TEXTAREA 48:29 FIELDSET LEGEND 48:49 CHECKBOX 49:18 RADIO BUTTONS 49:55 SELECT BOX OPTION OPTGROUP 51:02 HIDDEN 51:20 UPLOAD FILES 51:37 IMAGE BUTTON 51:59 CANVAS & JavaScript 1:05:14 JavaScript : geoLocation & localStorage
Views: 853 inspireazim
Day / Night Mode Switch Toggle Using Html CSS and Javascript - How To Create a Toggle Switch
 
10:39
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Skylike - Dawn Link: https://youtu.be/Jg9nDEtqWV0
Views: 5188 Online Tutorials
HTML Head & Metatags | CodingLab
 
11:56
► CodingLab - Das Entwicklerlabor https://www.Coding-Lab.de/ ► Dieses Thema auf CodingLab: https://www.Coding-Lab.de/tutorials/html/head/ ► Videoindex ◄ ✔ Das Titel-Element (title) | 0:00 ✔ Styles definieren (style) | 1:30 ✔ Stylesheets einbinden (link) | 2:15 ✔ Skripte ausführen (script) | 3:40 ✔ Kanonischer Link (link) | 4:15 ✔ Meta-Tag: Description | 5:50 ✔ Meta-Tag: Keywords| 7:50 ✔ Meta-Tag: Characterset | 8:20 ✔ Meta-Tag: Robots | 10:50
Views: 12369 CodingLab
HTML 5 Tutorial
 
01:12:33
Get Cheat Sheet Here : http://goo.gl/ifP3Fv Best Book on HTML5 : http://goo.gl/D6zPXE Support Me on Patreon : https://www.patreon.com/derekbanas Everything you can do with HTML 5 and provide numerous examples using CSS, JavaScript and PHP. 00:32 DOCTYPE HTML URL 01:52 HEAD META CHARSET REDIRECT 03:14 DESCRIPTION KEYWORDS ROBOTS 04:45 SCRIPT BASE LINK STYLESHEET 05:45 ICONS TITLE 06:42 VALIDATE HTML5 07:15 BODY ONLOAD DIV WRAPPER 08:16 NOSCRIPT H1 P BR HR 09:23 BLOCKQUOTE CITE Q 10:14 PRE CODE 11:21 JavaScript : onclick getElementsByTagName innerHTML HexCode 13:44 IMG ID SRC ALT WIDTH HEIGHT 14:36 B STRONG EM I 15:10 SMALL INS DEL SAMP 15:30 ABBR TITLE DFN KBD 16:49 Character Entities 17:35 SUP SUB BDO RUBY RT 18:29 LINKS A HREF 19:01 Link Active States CSS 20:06 CSS background IDs margin 21:12 Linking within Page 22:43 mailto 23:04 JavaScript : Execute onclick toggle visibility 24:53 Making Image Maps with GIMP 27:15 OBJECT DATA TYPE PARAM Embedding 28:50 Everything you can embed 29:11 IFRAME 29:32 EMBED Flash Plugins 30:05 AUDIO 30:36 VIDEO 30:55 HEADER 31:42 NAV Navigation 32:02 MAIN SECTION ARTICLE ASIDE 33:55 ORDERED & UNORDERED LISTS OL UL 35:36 CSS : float display padding # text-decoration 38:09 DEFINITION LISTS DL DD DT 39:19 list-style-type for lists 39:56 ORDERED LIST TYPES 40:58 TABLES : caption thead tr td colspan tfoot tbody 43:51 FOOTER ADDRESS SMALL 44:38 FORMS & PHP GET POST 45:10 Processing Forms with PHP 45:44 INPUT TAGS 47:51 TEXTAREA 48:29 FIELDSET LEGEND 48:49 CHECKBOX 49:18 RADIO BUTTONS 49:55 SELECT BOX OPTION OPTGROUP 51:02 HIDDEN 51:20 UPLOAD FILES 51:37 IMAGE BUTTON 51:59 CANVAS & JavaScript 1:05:14 JavaScript : geoLocation & localStorage
Views: 641119 Derek Banas
CSS video tutorial - 67 - CSS list style position property vs HTML ul tag
 
04:30
CSS list-style-position property: It is used to specify the position of the bullet symbol with respect to list item’s border area. Values: outside | inside Example code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Demo</title> <style type="text/css"> ul > li { border:1px solid red; } </style> </head> <body> <ul style="list-style-type:none; list-style-image:url('checkmark.png'); list-style-position:outside;"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> <li>Item 4</li> </ul> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/k7D-IVVFZJU Follow the link for previous video: https://youtu.be/sTsbQO1aAXo ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== CSS Questions & Answers ======================== ========================================================
Views: 1665 Chidre'sTechTutorials
Designing Appealing Navigation Bars ( HTML + CSS )  - Example 1
 
22:03
Designing Appealing Navigation Bars ( HTML + CSS ) - Example 1 Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>First navigation bar</title> <style type="text/css"> body { margin:0px; } div#nav > ul { margin:0px; padding:0px; list-style-type:none; background-color:black; } div#nav > ul > li { float:left; } div#nav > ul::after { content: " "; display:list-item; clear:left; } div#nav > ul > li > a { text-decoration:none; background-color:black; color:white; display:inline-block; height:50px; width:100px; text-align:center; line-height:50px; font-family:Tahoma; } div#nav > ul > li > a:hover { background-color:lightgray; color:black; } div#nav > ul > li:first-child { background-color:black; color:white; height:50px; line-height:50px; font-family:'Monotype Corsiva'; font-size:16pt; margin-right:10px; } </style> </head> <body> <div id="nav"> <ul> <li>Manjunath Chidre</li> <li><a href="#">Home</a></li> <li><a href="#">Qualification</a></li> <li><a href="#">Hobbies</a></li> <li><a href="#">Contact Me</a></li> </ul> </div> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/edt4QC0qTcc ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
Мета тег Meta, мета теги сайта, служебные мета теги в документе html, Видео курс по HTML, Урок 4
 
05:31
Мета тег Meta, мета теги сайта, служебные мета теги в документе html, Видео курс по HTML, Урок 4. В этом видео уроке мы рассмотрим как использовать мета тег Meta для добавления служебной информации. Зачем нужны мета теги в HTML? Теги meta нужны для браузеров и поисковых систем чтобы они лучше находили ваш сайта. Зачем нужны мета теги в html и как правильно применять и использовать тег meta html вы узнаете в этом видео уроке по HTML meta тегам. ITDoctor канал, направленный на обучение начинающих веб-разработчиков основополагающим знаниям таким как HTML, CSS, JavaScript, работа с базами данных и созданию сайтов своими силами. А так же работа в редакторе Brackets, Adobe Photoshop, установка и настройка локального сервера OpenServer и многое другое на канале it doctor. ✔Советую посмотреть: Про тег link (подключение css файла): https://youtu.be/--XMXjGCmi8 Про тег style (писать стили в html): https://youtu.be/yVANo07ciVg Про тег nav (создать меню): https://youtu.be/S5YhuE25x_s ✔Наши группы в Социальных сетях: Сайт ITDoctor: http://itdoctor.info/ Группа в ВК: https://vk.com/itdoctorstudio Мой Twitter: https://twitter.com/ITDoctor_morph ◄ Предыдущее видео: https://youtu.be/EMfArfuevDU ► Следующее видео: https://youtu.be/--XMXjGCmi8 Подписывайтесь на канал ITDoctor и нажимайте на колокольчик чтобы сразу узнавать о появлении новых видео. ✔https://www.youtube.com/c/ITDoctor?sub_confirmation=1 Если вы хотите поддержать развитие канала: Сбербанк VISA: 4276 5200 1409 4318 Яндекс Кошелек: 410011260821995 QIWI: 4890 4943 0383 5581 WMR: R444308690108 WMZ: Z608507028676
Views: 346 ITDoctor
Video-2 : How to create meta tags in HTML5
 
07:11
Create meta tags with html5 such as meta charset,meta description,meta keyword and so on
Views: 46 patelyatin y3
CSS video tutorial - 28 - Navigation pseudo classes | :target
 
10:27
CSS - Pseudo Class Selectors (Navigation) - Part 2 4. selector : target { declaration list; } It selects any html element targeted by the selector, if its status is targeted (only when element id or name appears as targeted fragment identifier in the page URI.) Ex: p:target { border : 2px dotted red; } It selects any p element which is currently a targeted fragment identifier in the page URI (Uniform Resource Identifier). Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Attribute selectors demo</title> <style type="text/css"> p:target { border:2px solid red; } </style> </head> <body> <p id="top">Top section</p> <a href="#bottom">Bottom section</a> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <p id="bottom">Bottom section</p> <a href="#top">Top section</a> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/kFsusenzJlE Follow the link for previous video: https://youtu.be/ehydEIZuw8s ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== CSS Questions & Answers ======================== ========================================================
Курс Введение в CSS - Урок 2 Тег Link
 
07:17
Тег Link - это тег, с помощью которого осуществляется связь с внешним файлом, содержащим описание стилей данного html документа.
HTML Tutorials for Beginners 23 - Head tags 4 - Meta Tags 2
 
04:30
html head, html header, html header and footer, html heading tag, html header logo, html header tag, html header and footer css code, html head section, html header banner, html header footer nav aside, html head elements, html head tag, html head and body tag tutorial, html head body, html head tag in hindi, html head vs header, html head logo, html head background color, html head title, html head and body tags, html head banner, head first html and css, html document head, html head icon, html head image, html header menu, html header image background, html header design, html head title image, html head title icon, html head tag attributes, html head tag in wordpress, html head tutorial, html head vs body, html head wordpress, crear header html y css, html5 header html head html header html head tag html header template html heading sizes html header color html header image html head icon html header footer html head vs header html head style html head body html head element html head meta html head vs body html head css html head template html head script html head and body html head attributes html head author html head and body difference html head align html head and header html head add css html head access-control-allow-origin html head and body section html head auto refresh a html header the html head element create a html header make a html header creating a html header and footer center a header html underline a header html add a heading html color a header html what is a html head tag html head base html head body foot html head boilerplate html head background color html head body footer html head body template html head best practices html head body title html head body tags html head content html head center html head comment html head css style html head content type html head css file html head charset html head command html head canonical html header parser in c html head description html head data html head definition html head description meta html head div html head device width html head doctype html head design html head declaration html header disable cache header $add html head в html html head encoding html head element order html head expire html head external script html head explained html head empty html header encode utf 8 html head explanation html head email ecommerce html header header e head html html head e body head en html html head favicon html head font html head first html head font size html head format html header format html header file html header fonts html header footer template html head github html head generator html head google html head get post html head get html head guide html head meta generator html head vs get html head profile= http //gmpg.org/xfn/11 html where does head go html head header h1 header html html head http-equiv html head html5 html head height html head href html head base href html head link href html head /head body html head /head body script html heading html header h html head image html head include css html head import css html head icon tag html head include js html head inside body html head in body html head include html head id html i header html head javascript html head javascript src html head jquery html header json html head js file html head javascript function html head javascript reference html head joomla html javascript head or body html javascript head tag html head keywords html head keywords description html head kodu html head meta keywords html head titlek7 total security html head meta tag keywords html komenda head posiada znaczenie head html kurs html head kodu nedir html head kommentar html head link html head lang html head link css html head link tag html head logo html head link canonical html head language meta html head link to js html head load javascript html head link icon html head meta data html head meta charset html head mdn html head method html head mobile html head meta viewport html head meta http-equiv html head meaning html head magento 2 html head no cache html head not showing html head name html head noindex html head noscript html head noindex nofollow html head necessary html head no zoom html head no scroll html head not working header in html html head order html head or header html head options html head og html head onload html head object html head onload javascript html head or body html head outlook open graph head html o que é head html o que é header html 5 o que significa head html o que é header html html head profile
Views: 1141 T3SO Tutorials
09-HTML | HyperText Markup Language (Head Meta Charset Keywords) Dr.Mohamed Amin | Arabic
 
17:49
09-HTML | HyperText Markup Language (Head Meta Charset Keywords) Dr.Mohamed Amin | Arabic https://www.facebook.com/free4arab http://www.free4arab.com https://twitter.com/free4arab1 https://plus.google.com/113503705132872627915 نور الهدى لتكنولوجيا المعلومات
13.-Desarrollo web con Spring: aplicación web( parte 1)
 
22:29
Primera parte de la aplicación web donde repasaremos lo visto durante el curso. (TENEIS QUE AÑADIR LAS ETIQUETAS DE APERTURA Y CIERRE DE LAS ETIQUETAS HTML PARA LAS PLANTILLAS) PLANTILLA LOGIN !DOCTYPE html html xmlns:th="http://www.thymeleaf.org" head meta charset="utf-8" title androCode-login title link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" link href="#" th:href="@{/css/login.css}" rel="stylesheet" link href="#" th:href="@{/css/style.css}" rel="stylesheet" head body div class="container" form class="form-signin" h2 class="form-signin-heading" Login h2 label for="inputEmail" class="sr-only" Usuariolabel input type="text" id="inputUsername" class="form-control" placeholder="Usuario" label for="inputPassword" class="sr-only" Contraseñalabel input type="password" id="inputPassword" class="form-control" placeholder="Contraseña" button class="btn btn-lg btn-primary btn-block" type="submit" span class="glyphicon glyphicon-log-in" aria-hidden="true" span Entrar button form div body html PLANTILLA DEL LISTADO DE USUARIOS !DOCTYPE html html xmlns:th="http://www.thymeleaf.org" head meta charset="utf-8"/ title JandroCode- Usuarios title Bootstrap core CSS link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" Custom styles for this template link href="#" th:href="@{/css/style.css}" rel="stylesheet" link href="#" th:href="@{/css/contacts.css}" rel="stylesheet" head body div class="container" h1Bienvenido!h1 br div class="panel panel-default" div class="panel-heading" div table class="table" thead tr thNombreth thApellidosth thTeléfonoth thCorreoth tr thead tbody tr td td td td td td td td td button type="button" class="btn btn-default" span class="glyphicon glyphicon-pencil" aria-hidden="true" span button button type="button" class="btn btn-danger" span class="glyphicon glyphicon-trash" aria-hidden="true" span button td tr tbody table div button class="btn btn-lg btn-primary btn-block" type="submit" span class="glyphicon glyphicon-user" aria-hidden="true" span Agregar Contacto button button class="btn btn-lg btn-primary btn-block" type="submit" span class="glyphicon glyphicon-log-out" aria-hidden="true" span Logout button div body html
Views: 54 JandroCode
Bootstrap Tutorial Part3 Setting up bootstrap file in Hindi/Urdu
 
11:09
🌐 Facebook :https://goo.gl/TXKEV7 🌐 Twitter :https://goo.gl/IQtLzQ 🌐 Google+ :https://goo.gl/iXO3xk 🌐 My Blogger:https://goo.gl/ebM0Wj In this video m gonna show you how to setting bootstrap file in your html page and what is cdn link and how to use this link in your project and basic example of bootstrap ,and difference between html and bootstrap setup bootstrap in hindi/urdu simple bootstrap web page in hindi/urdu simple bootstrap page in hindi/urdu bootstrap sample page code in hindi/urdu bootstrap example page in hindi/urdu bootstrap files list in hindi/urdu bootstrap 3 folder structure in hindi/urdu twitter bootstrap folder structure how to use bootstrap in html step by step how to include bootstrap in html in hindi/urdu bootstrap first page template in hindi/urdu first bootstrap page in hindi/urdu To get started with Bootstrap the first step is to download Bootstrap from http://getbootstrap.com. This website also has all the documentaion you need to get started with bootstrap. If you want to know this then you can visit on my channel and the link is :https://www.youtube.com/watch?v=rKAga31iseg. As of this recording the version is 3.3.7. With the download you get a single zip folder which contains all the required bootstrap components. Unzip the ZIP folder and you should see the following folder structure. Notice there are 3 sub-folders css, fonts & js. Let us understand the use of each file, folder by folder. Files in "css" folder bootstrap.css - This is the core css for BootStrap that defines all the style for various controls and components and this file i will use in this project 1.!DOCTYPE HTML: The !DOCTYPE declaration must be the very first thing in your HTML document, before the html tag. The !DOCTYPE declaration is not an HTML tag; it is an instruction to the web browser about what version of HTML the page is written in. In HTML 4.01, the !DOCTYPE declaration refers to a DTD, because HTML 4.01 was based on SGML. The DTD specifies the rules for the markup language, so that the browsers render the content correctly. HTML5 is not based on SGML, and therefore does not require a reference to a DTD. Tip: Always add the !DOCTYPE declaration to your HTML documents, so that the browser knows what type of document to expect. 2.UTF-8: The charset attribute specifies the character encoding for the HTML document. Tip: The charset attribute can be locally overridden using the lang attribute on any element. 3.Meta Tag: HTML lets you specify metadata - additional important information about a document in a variety of ways. The META elements can be used to include name/value pairs describing properties of the HTML document, such as author, expiry date, a list of keywords, document author etc. The meta tag is used to provide such additional information. This tag is an empty element and so does not have a closing tag but it carries information within its attributes. You can include one or more meta tags in your document based on what information you want to keep in your document but in general, meta tags do not impact physical appearance of the document so from appearance point of view, it does not matter if you include them or not.
Views: 1759 the techiefriend
HTML & HTML5 Hyperlink Tutorial Bangla 7
 
06:34
HTML & HTML5 HTML Links - Hyperlinks Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 82 Value Less
Тег base в HTML. #29
 
05:23
HTML-справочник и другие дополнительные материалы для ВидеоКурса здесь: http://sdelaemblog.ru/instrumenty-i-shpargalki/videokurs-html/ Хостинг, который использую я. При переходе по ссылке вы сможете получить бесплатный хостинг на два месяца и домен в подарок: http://bit.ly/2B3SHkD Видеокурс HTML. Видео Урок 29. Тег base в HTML. Продолжаем изучать HTML-ссылки. В этом видео все довольно просто. Мы познакомимся с последним тегом из раздела ссылок, это тег base. Все о теге base в этом видео уроке. В видео уроке, Мы будем использовать: HTML-тег base - позволяет указать для веб-браузеров базовый адрес текущего документа. Все видео здесь: http://sdelaemblog.ru/category/html-css/videokurs-html/. Вы можете поддержать проект, с помощью комментариев или лайков, за каждый отдельное спасибо. Мой видео курс за смешные деньги: https://sdelaemblog.ru/moi-kursy/videokurs-vkontakte#sale Мой HTML-справочник, который поможет а работе, почти даром: https://sdelaemblog.ru/moi-kursy/videokurs-vkontakte#sale Материальная поддержка проекта: Яндекс Деньги: 410011398844657 WebMoney: R042342968957
Views: 1072 Михаил Веб
Tutorial HTML Bahasa Indonesia #4 styling pada  tag HTML
 
06:03
Html dan CSS merupakan bahasa wajib yang dikuasai oleh web programmer atau web design, untuk itu Tutorial HTML Bahasa Indonesia #4 styling pada tag HTML hadir untuk anda Blog http://www.pojokcode.com Follow https://twitter.com/pojokcodeid https://www.instagram.com/pojokcodeid https://www.facebook.com/pojokcodeid #pojokcode #providerofsoftwaresolutions styling html, styling html forms, styling html tables, styling html with css, styling html5 forms, styling html forms with css, styling html table css, styling html radio buttons, styling html select, styling html5 video controls, styling html tags, styling html dropdown, html style tutorial, html stylesheet, html styles, html style sheets, html style css, html stylesheet tutorial, html style background image, html style class, html style attribute, html style color, html style form, html style height vh, html style a button, html font style and color code, html border style, html button style, html table border style, style the html body element, html body style, css stylesheet in html, html cascading style sheets, font style html code, style css w html, div style html, html external style sheet, style en html, html font style, html style guide, style tag in html in hindi, how to style html with css, html hr style, style sheets in html in hindi, how to style html forms, html style links, html list style, html ul list style, html paragraph style, html style select, html table style, html text style, html style tag, html style video, html style z-index
Views: 37 Pojok Code
Designing Appealing Navigation Bars ( HTML + CSS )  - Example 2
 
26:28
Designing Appealing Navigation Bars ( HTML + CSS ) - Example 2 Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Second Navigation Bar</title> <style type="text/css"> body { margin:0px; } div#nav > ul { margin-top:0px; margin-bottom:0px; padding-left:0px; padding-top:5px; list-style-type:none; background-color:gray; } div#nav > ul::after { content:" "; display:block; clear:left; height:5px; background-color:skyblue; } div#nav > ul > li { float:left; } div#nav > ul > li > a { text-decoration:none; background-color:lightgreen; color:white; display:inline-block; margin-left:5px; margin-right:5px; padding:5px; border-top-left-radius:5px; border-top-right-radius:5px; font-family:Verdana; text-shadow:0px 0px 5px black; } div#nav > ul > li > a:hover { background-color:skyblue; color:orange; } div#nav > ul > li:first-child { color:orange; padding-top:5px; font-family:'Monotype Corsiva'; font-size:16pt; text-shadow:0px 0px 5px black; margin-right:5px; } </style> </head> <body> <div id="nav"> <ul> <li>Manjunath Chidre</li> <li><a href="#">Home</a></li> <li><a href="#">Qualification</a></li> <li><a href="#">Hobbies</a></li> <li><a href="#">Contact Me</a></li> </ul> </div> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/EBRCoyV-Nws Follow the link for previous video: https://youtu.be/ChatAAeTEm0 ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================
CSS video tutorial - 31 - UI pseudo classes | :focus, :blur, :optional, :required
 
10:12
CSS - Pseudo Class Selectors (UI) - Part 3 4. selector : focus { declaration list; } It selects any html element targeted by the selector, if its status is focused Ex: input : focus { color : white; background-color : red; } It selects any input element, if its status is focused 5. selector : optional { declaration list; } It selects any html element targeted by the selector, if its status is optional Ex: input : optional { color : white; background-color : red; } It selects any input element, if its status is optional 6. selector : required { declaration list; } It selects any html element targeted by the selector, if its status is required Ex: input : required { color : white; background-color : red; } It selects any input element, if its status is required Example Code: display * beside required controls <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Attribute selectors demo</title> <style type="text/css"> input:optional + span { color:red; visibility:hidden; } input:required + span { color:red; visibility:visible; } </style> </head> <body> <form> User Name: <input type="text" required/> <span>*</span> <br/> Password: <input type="password"/> <span>*</span> <br/> <input type="submit"/> </form> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/fYlH1aM1kj4 Follow the link for previous video: https://youtu.be/4Bo90vNWhdE ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========== CSS Questions & Answers ======================== ========================================================
How to link your  html file to a CSS file | how to connect html to css
 
04:18
how to connect css to html. how to connect html to css. HTMLto css link tag. How to link your html file to a CSS file. web design bangla tutorials. html and css bangla tutorials.
#5 Use of Head Tag and why we need title and meta tag in HTML
 
05:49
Explained Head tag in this video and what is the use of Title and Meta tag also explained. Meta Tags have been one of the most basic elements of SEO. We will explain more meta tags relation with SEO in different video in this play list. It is a must to know for every SEO practitioner. Are meta tags a factor in Google page rank? Is it important? What effect does it have in your site’s SEO? Meta tags are located inside your html’s head area. Meta tags have been around since… Since I can remember. They have been a big part in search engine history. They were valued as a factor in rankings before – until people started abusing their use in getting on top of the SERPs. After that, Google opted meta tags out of the ranking factors. But that doesn’t mean they’re not important anymore. Meta tags still play quite a big role in your site’s SEO. Meta tags are the words that are hidden in your code. People browsing your site will just not be able to see them. It is, as Danny Sullivan puts it, a ‘legal’ way of hiding words in your webpages for search engines. The search engines still read them for it to have a simple, summarized idea of what your site is about and what exactly your keywords are.
Views: 87 Dilip MJ Gangwar
Customize Navbar Bootstrap 4 tutorial 2018
 
22:33
In this video, I'm going to tell you how to customize bootstrap 4 navbar.How to change the background color, font color, and toggle button. how to change orientation. ----------------------------------------------------------------------------------------------------------- CSS code for this program: .my-nav{background-color: forestgreen;} .my-nav .navbar-brand{color: aliceblue;} .my-nav .navbar-brand:hover{color:aquamarine;} .my-nav .nav-link{color: aliceblue;} .my-nav .nav-link:hover{color: aquamarine;} .my-nav .dropdown-menu{background-color: lightpink;} .my-nav .active{background-color: green;} /*.custom-toggler.navbar-toggler { border-color: rgb(255,102,203); } .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,102,203, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }*/ .navbar-toggler-icon{color: white;} ----------------------------------------------------------------------------------------------------------- You can also see this video for : customize navbar bootstrap 4 navbar bootstrap 4 customize navbar bootstrap customize navbar color bootstrap customize navbar bootstrap 3 bootstrap navbar color change bootstrap navbar color schemes my another video links: Bootstrap 4 progress bars: https://youtu.be/tQpUUOZQhKs How to customize navbar - bootstrap4 tutorial - https://youtu.be/PRMtNdlSpzY Bootstrap 4 Tutorial - Responsive Navbars - https://youtu.be/hj_ayO9P3R4 Google Penguin Update and Penguin Recovery Process in 2017 - https://youtu.be/MrKHpS588Fs Google Panda Update AND Recovery Process from Panda - https://youtu.be/OzZq-nmonaU how to add the numeric counter on a website- https://youtu.be/AQYv14sY_q8 How to find best Profitable keyword for Your Website 2018 part 1- https://youtu.be/QdMMfSwU15M How to find best Profitable keyword for Your Website in 2018 part2- https://youtu.be/t3hHUA5KiQI Introduction To Keyword Match Types In Google AdWords 2018- https://youtu.be/Re3rfgYdkG8 Bootstrap 4 tutorial – card : https://youtu.be/qIPdaBIQXtg Bootstrap 4 card slider- https://youtu.be/mglq2tBjRxk bootstrap 4 testimonial - https://www.youtube.com/watch?v=gbNhlAoHQkI&t=793s Transparent navbar with full-screen background image landing page-Bootstrap https://youtu.be/SvpyyIE5vG0 Bootstrap Transparent menu with Responsive Slider - https://youtu.be/2vSc6VJtz4s How to Create Mega Menu with Bootstrap 4 with CODE: https://youtu.be/932hSm1yNII How to create Responsive LightBox Gallery with Bootstrap 4: https://youtu.be/k-RtYiiB47E How to customize owl carousel slider navigation 2018 with Bootstrap: https://youtu.be/nVNv1jUitCk scrolling effect on Navbar -bootstrap 4 tutorial: https://youtu.be/cskDxDRD1Kw bootstrap 4 dropdown on hover - Bootstrap 4 tutorial: https://youtu.be/2vwrwrMd1NM
Views: 8393 webseotips
HTML5 видео уроки для начинающих #4 – HTML-атрибуты. Что такое HTML-атрибуты!
 
13:12
HTML5 видео уроки для начинающих #4 – HTML-атрибуты. Что такое HTML-атрибуты! Давайте продолжим наши уроки по изучению HTML5. Просмотрев наши видеоуроки по изучению HTML5 вы сможете научится создавать веб странички, блоги и станете гуру в веб программировании. Каждый веб программист начинал свой путь с изучения основ HTML, так что вы не первый и не последний. Удачи вам в ваших начинаниях! PS: На данный момент язык программирования HTML имеет свое последнее расширение HTML5 и именно поэтому мы учим HTML5! В этом видео уроке мы начнем изучать HTML5. Мы рассмотрим пример кода простейшей веб-страницы и коротко о нем поговорим. Также Вы узнаете что такое HTML-атрибуты и из чего они состоят. Приятного просмотра! У тегов также есть атрибуты, которые расширяют их возможности, а у атрибутов, в свою очередь, есть значения. С их помощью элементу можно задавать параметры, определять стиль оформления. Например, тегом вы обозначили абзац. Но как сделать, чтобы он был выровнен по правому краю? Для этого понадобится определённый атрибут с соответствующим значением. Как некоторые теги не имеют пары, так и некоторые атрибуты могут употребляться без значений. Как писать атрибуты? Атрибуты — зарезервированные слова (как и теги, только без угловых скобок), значения же их могут быть разными. Так же, как и теги, атрибуты со значениями рекомендуется писать маленькими буквами, хотя браузерам, в общем-то, безразлично — это просто правило хорошего тона: по-русски ведь ТОЖЕ НЕ ПРИНЯТО ПИСАТЬ ПРИ ВКЛЮЧЕННОМ CAPS LOCK. А чем HTML хуже? Значения с атрибутами записываются в таком формате: Атрибут=”значение” lang=”en” Писать атрибуты всегда нужно внутри открывающего тега, после зарезервированного слова. Обычно для одного тега доступно несколько атрибутов. В каком порядке они будут перечислены, неважно. Универсальные атрибуты Каждый HTML-тег наделён собственным набором атрибутов. Некоторые атрибуты могут быть доступны для нескольких тегов, другие же могут работать только с одним. Ещё есть группа универсальных (глобальных) атрибутов, которые можно использовать с любым тегом. В видео вкратце ознакомимся с атрибутами этой категории. Смотрите, в видео более подробно про HTML5 видео уроки для начинающих #4 – HTML-атрибуты. Что такое HTML-атрибуты! _ ШКОЛА СОЗДАНИЯ САЙТОВ! ***Новое видео – 3 раза в неделю*** _ • ПОДПИШИТЕСЬ НА КАНАЛ: https://www.youtube.com/channel/UCAph--zJxe0WXsKl5FCZ27Q • Жмите палец вверх! • Напишите свой отзыв или вопрос в комментариях! _ ***Проверенные способы создания и раскрутки сайтов*** __ Поделитесь этим видео со своими друзьями: https://www.youtube.com/watch?v=Xm0KbJxiL6c Следите за нашим каналом! Спасибо! #HTML5ВидеоУрокиДляНачинающих #Атрибуты #HTMLатрибуты #АтрибутыHtml #HtmlТегиИАтрибуты #АтрибутыТаблицыHtml #СписокАтрибутовHtml #АтрибутыТекстаHtml #HtmlImgАтрибуты #АтрибутыЭлементовHtml #НачалоHtml5 #УрокиHtml #ПрактикаHtml5 #Html5Верстальщик #КурсHtml5
Learn HTML & HTML 5 Tutorial-2016 in Hindi
 
03:33
Everything you can do with HTML 5 and provide numerous examples using CSS, JavaScript and PHP. https://www.youtube.com/watch?v=WmP-A6_iZaA 00:32 DOCTYPE HTML URL 01:52 HEAD META CHARSET REDIRECT 03:14 DESCRIPTION KEYWORDS ROBOTS 04:45 SCRIPT BASE LINK STYLESHEET 05:45 ICONS TITLE 06:42 VALIDATE HTML5 07:15 BODY ONLOAD DIV WRAPPER 08:16 NOSCRIPT H1 P BR HR 09:23 BLOCKQUOTE CITE Q 10:14 PRE CODE https://www.youtube.com/watch?v=WmP-A6_iZaA 11:21 JavaScript : onclick getElementsByTagName innerHTML HexCode 13:44 IMG ID SRC ALT WIDTH HEIGHT 14:36 B STRONG EM I 15:10 SMALL INS DEL SAMP https://www.youtube.com/watch?v=I_yxDSc0LI0 15:30 ABBR TITLE DFN KBD 16:49 Character Entities 17:35 SUP SUB BDO RUBY RT https://www.youtube.com/watch?v=WmP-A6_iZaA 18:29 LINKS A HREF https://www.youtube.com/watch?v=I_yxDSc0LI0 19:01 Link Active States CSS 20:06 CSS background IDs margin https://www.youtube.com/watch?v=WmP-A6_iZaA 21:12 Linking within Page 22:43 mailto 23:04 JavaScript : Execute onclick toggle visibility 24:53 Making Image Maps with GIMP 27:15 OBJECT DATA TYPE PARAM Embedding 28:50 Everything you can embed 29:11 IFRAME 29:32 EMBED Flash Plugins 30:05 AUDIO 30:36 VIDEO 30:55 HEADER 31:42 NAV Navigation 32:02 MAIN SECTION ARTICLE ASIDE 33:55 ORDERED & UNORDERED LISTS OL UL 35:36 CSS : float display padding # text-decoration 38:09 DEFINITION LISTS DL DD DT 39:19 list-style-type for lists 39:56 ORDERED LIST TYPES 40:58 TABLES : caption thead tr td colspan tfoot tbody 43:51 FOOTER ADDRESS SMALL 44:38 FORMS & PHP GET POST 45:10 Processing Forms with PHP 45:44 INPUT TAGS 47:51 TEXTAREA 48:29 FIELDSET LEGEND 48:49 CHECKBOX 49:18 RADIO BUTTONS 49:55 SELECT BOX OPTION OPTGROUP 51:02 HIDDEN 51:20 UPLOAD FILES 51:37 IMAGE BUTTON 51:59 CANVAS & JavaScript 1:05:14 JavaScript : geoLocation & localStorage
Views: 602 inspireazim
bootstrap tutorials - linking css and javascript in the head section
 
09:17
Bootstrap Tutorial - Linking your downloaded css and javascript in the head section download the file from getbootstrap.com Subscribe for more tutorials to come
Views: 359 Ikot Radio
Learn All HTML Tags in 2 Hours | HTML Quick Reference | Hour 2
 
52:49
Learn All HTML Tags in 2 Hours | HTML Quick Tutorial | Hour 2 Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>HTML quick reference part 2</title> </head> <body> <!-- Beginning of HTML forms --> <div id="wrapper" style="width:500px; height:700px; background-color:lightgray; padding:10px;"> <form name="frmEntry" id="frmEntry" action="processor.html" method="post"> <fieldset> <legend>Basic Inputs</legend> <p> <label for="txtUserName">User name:</label> <input type="text" name="txtUserName" id="txtUserName" value="" maxlength="15" placeholder="Enter your name"/> </p> <p> <label for="txtPassword">Password:</label> <input type="password" name="txtPassword" id="txtPassword" value=""/> </p> <p> <label for="rdbGender">Gender:</label> <input type="radio" name="rdbGender" id="rdbMale" value="m" checked/>Male <input type="radio" name="rdbGender" id="rdbFemale" value="f"/>Female </p> <p> <label for="chkHobbies">Hobbies:</label> <input type="checkbox" name="chkHobbies" id="chkPlaying" value="p" checked/>Playing <input type="checkbox" name="chkHobbies" id="chkMusic" value="m"/>Music <input type="checkbox" name="chkHobbies" id="chkDrawing" value="d"/>Drawing </p> <p> <label for="slctQual">Qualification:</label> <select name="slctQual" id="slctQual"> <option value="i">Intern</option> <option value="u" selected>UG</option> <option value="p">PG</option> </select> </p> <p> <label for="txtaAddress">Address:</label> <textarea name="txtaAddress" id="txtaAddress" rows="5" cols="20" wrap="hard"> </textarea> </p> </fieldset> <fieldset> <legend>Advanced Inputs</legend> <p> <label for="email">Email:</label> <input type="email" name="email" id="email" value=""/> </p> <p> <label for="urlBlog">Blog address:</label> <input type="url" name="urlBlog" id="urlBlog" value=""/> </p> <p> <label for="dateOfBirth">Date of bith:</label> <input type="date" name="dateOfBirth" id="dateOfBirth" value=""/> </p> <p> <label for="colorLiked">Color:</label> <input type="color" name="colorLiked" id="colorLiked" value=""/> </p> <p> <label for="resume">Upload resume:</label> <input type="file" name="resume" id="resume" value=""/> </p> </fieldset> <fieldset> <legend>Submit / Reset</legend> <p> <input type="submit" value="SUBMIT"/> <input type="reset" value="RESET"/> </p> </fieldset> </form> </div> <!-- Ending of HTML forms --> <!-- Beginning of HTML Layout designing --> <div id="wrapper" style="width:900px; background-color:gray; margin:auto;"> <header style="width:100%; height:100px; background-color:orange;"> </header> <nav style="width:20%; height:400px; background-color:cyan; float:left;"> </nav> <main style="width:60%; height:400px; background-color:lightgray; float:left;"> </main> <aside style="width:20%; height:400px; background-color:maroon; float:left;"> </aside> <footer style="width:100%; height:100px; background-color:black; clear:left;"> </footer> </div> <!-- Ending of HTML Layout designing --> <!-- Beginning of HTML iframe, video, audio tags --> <iframe src="intro_to_science.pdf" width="100%" height="500"> </iframe> <video src="wildlife.mp4" controls> </video> <audio src="wildlife.mp3" controls> </audio> <!-- Ending of HTML iframe, video, audio tags --> </body> </html> ======================================================== Follow the link for previous video: https://youtu.be/wqIO-s4UXNA ========= For more benefits & Be up to date =================== Subscribe to the channel: https://www.youtube.com/chidrestechtu... Like the Facebook fan page: https://www.facebook.com/ManjunathChidre Visit to Chidre's Tech Tutorials website: http://www.chidrestechtutorials.com ========================================================
Views: 1539 Chidre'sTechTutorials
Automatic slide show 5 - Accessing HTML elements in JavaScript
 
10:14
5 - Accessing HTML elements in JavaScript Automatic slide show: where slides get change automatically after a fixed interval of time. Example Code: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Web slide shows</title> <style type="text/css"> body { margin:0px; } div#slideshow { width:100%; height:500px; background-color:gray; } img.slide { display:none; } img.slide:nth-child(1) { display:block; } </style> </head> <body> <div id="slideshow"> <img class="slide" src="image0.jpg" width="100%" height="500px"/> <img class="slide" src="image1.jpg" width="100%" height="500px"/> </div> <script type="text/javascript"> var slides = document.getElementsByClassName("slide"); slides[0].style.display="none"; </script> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/xQldT67K2TE Follow the link for previous video: https://youtu.be/N3Tqs9sI9wE ========= For more benefits & Be up to date =================== Subscribe to My YouTube channel: https://www.youtube.com/chidrestechtutorials Like my Facebook fan page: https://www.facebook.com/ManjunathChidre ========================================================

belgium dating app
brisbane dating site free
dating my brother's best friend wattpad
dating for seniors over 60
kodiak ak dating