Home
Search results “Html table td style valign”
HTML video tutorial - 61 - html align and html valign attribute
 
05:24
HTML - align attribute and HTML valign attribute: How align attribute works with table tag, tr and td tag? How valign attribute works with tr and td tags? ======================================================== Follow the link for next video: https://youtu.be/Qpx6uquFOms Follow the link for previous video: https://youtu.be/gjDibAhaiwc ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== HTML Questions & Answers ====================== ========================================================
Views: 4835 Chidre'sTechTutorials
How to aligning the Table contents of cells - HTML Lesson16
 
04:32
Hello friends, In this video Tutorial you can learn how to aligning the table of cells in html .You can align the text in a cell of a table according to your liking . For this we use the tag called ALIGN or VALIGN for vertical alignment. Pls watch this tutorial for helpful I hope you like this Tutorial Thanking you ----------------------------------------------------------------------------------------------------------- You can watch- Create table, Add border, Border Colour in HTML Lesson-13 https://youtu.be/yBdDpBVZv7Y Dividing Table into Columns in HTML - Lesson 14 https://youtu.be/3F6x_W3nonY Creating Table by having headers in html - Lesson 14 https://youtu.be/LTZLmw-3MYU Changing colour of a cell in HTML - Lesson 15 https://youtu.be/qVh9xIFJjF0 Table Heading Across Two or more columns in html - Lesson17 https://youtu.be/EC1edA8eTis ---------------------------------------------------------------------------------------------------------- For more Pls visit www.youtube.com/c/MCiTech
Views: 552 MCi Tech
HTML video tutorial - 57 - html table tag , html tr tag and html td tag
 
08:07
HTML - table tag | HTML - tr tag | HTML - th tag | HTML - td tag How to create tables in html? How to add rows to table? How to add cells to table rows? html table tag: table tag is a paired tag. border="in pixels" cellspacing="in pixels" cellpadding="in pixels" bgcolor="color" background="imagename" width="pixels/percentage" height="pixels/percentage" html caption tag: caption tag is paired tag. Used to set title or caption to the table. html tr tag: used to create table rows. tr tag has two child tags th for table heading cells, td for table data cells. bgcolor="color" align="left/center/right" valign="top/middle/bottom" html th tag: th tag should be used in first tr. not mandatory but need to follow some rules. html td tag: table data cell used to create cells. bgcolor="color" align="left/center/right" valign="top/middle/bottom" width="pixels" height="pixels" rowspan="number" colspan="number" ======================================================== Follow the link for next video: https://youtu.be/fghXCQ6KEg8 Follow the link for previous video: https://youtu.be/W_5AvbBkx78 ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== HTML Questions & Answers ====================== 1. Which HTML tag is used to add a row in a table? a. td b. dd c. tr d. th Answer: c 2 .Which HTML tag is used to add a table data cell in a table row? a. dt b. td c. th d. dh Answer: b 3. The space between the content and border around it in HTML table is specified by the HTML attribute: a. cellspacing b. margin c. cellpadding d. padding Answer: c ========================================================
Views: 67873 Chidre'sTechTutorials
HTML video tutorial - 60 - html table width and html table height attribute
 
06:29
HTML - table tag | HTML - width attribute | HTML - height attribute How to set table width? How to set table height? How to set cell spacing? How to set cell padding? Note: html width attribute is used with table as well as td tags. html height attribute is used with table as well as td tags. ======================================================== Follow the link for next video: https://youtu.be/B_OFz9i-RHA Follow the link for previous video: https://youtu.be/Ze7Ve2bRf5Y ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== HTML Questions & Answers ====================== ========================================================
Views: 8281 Chidre'sTechTutorials
CSS Lecture 8 - Table Border, Border Collapse, Width, Height and Vertical-Align Property
 
07:23
CSS Lecture 8 - CSS Table Property, Border, Border Collapse, Width, Height and Vertical-Align Property Like Us on Facebook - https://www.facebook.com/Easy-Engineering-Classes-346838485669475/ CSS Hindi Classes CSS Tutorial for Beginners in Hindi CSS Study Notes Web Engineering Notes Web Technology Notes
HTML для начинающих: работа с таблицами (table, tr, td). Урок 7!
 
12:53
Использование таблиц можно использовать по разному, ранее они использовались в качестве разметки страницы, такая верстка называется табличная верстка. В настоящее время предпочтение идет блочно-семантической верстки. Таблицы в основном используются по назначению то есть отображения информации в виде таблице.
Views: 427 LessonFirst
HTML5 видео уроки для начинающих #11 – HTML тег table таблица. HTML5 основы таблиц!
 
12:36
HTML5 видео уроки для начинающих #11 – HTML тег table таблица. HTML5 основы таблиц! Подпишитесь на канал: https://goo.gl/MhBd2l Просмотрев наши видеоуроки по изучению HTML5 вы сможете научится создавать веб странички, блоги и станете гуру в веб программировании. Каждый веб программист начинал свой путь с изучения основ HTML, так что вы не первый и не последний. Удачи вам в ваших начинаниях! PS: На данный момент язык программирования HTML имеет свое последнее расширение HTML5 и именно поэтому мы учим HTML5! В этом видео уроке мы начнем изучать HTML5. Мы рассмотрим пример кода простейшей веб-страницы и коротко о нем поговорим. Также Вы узнаете что такое HTML тег table таблица. HTML5 основы таблиц! Приятного просмотра! Элемент table служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов tr и td. Внутри table допустимо использовать следующие элементы: caption, col, colgroup, tbody, td, tfoot, th, thead и tr. Таблицы с невидимой границей долгое время использовались для верстки веб-страниц, позволяя разделять документ на модульные блоки. Подобный способ применения таблиц нашел воплощение на многих сайтах, пока ему на смену не пришел более современный способ верстки с помощью слоев. Между открывающим тегом table и закрывающим тегом /table находится тело таблицы. Тело состоит из строк и столбцов. Таблица заполняется построчно. Каждый тег tr создает новую строку. Далее во вложенных td создаются столбцы. Можно создавать множество столбцов. При этом нужно следить за количеством столбцов в каждой строке. Например, если в первой строке было 5 столбцов, то и в следующих строках должно быть 5 столбцов. Иначе таблица поплывет. Есть возможность объединять ячейки. Атрибуты 1. Свойство align="параметр" - задает выравнивание отдельной ячейки таблицы. Может принимать следующие значения: • left - выравнивание по левому краю • center - выравнивание по центру • right - выравнивание по правому краю ________________________________________ 2. Свойство background="URL" - задает фоновое изображение ячейки. Вместо URL должен быть написан адрес фонового изображения. ________________________________________ 3. Свойство bgcolor="цвет" - задает цвет фона ячейки. ________________________________________ 4. Свойство bordercolor="цвет" - задает цвет рамки ячейки. ________________________________________ 5. Свойство char="буква" - задает букву, от которой нужно сделать выравнивание. Значение атрибута align должно быть установлено как char. ________________________________________ 6. Свойство colspan="число" - задает число объединяемых горизонтальных ячеек. ________________________________________ 7. Свойство height="число" - задает высоту таблицы: либо в пикселях, либо в процентах %. ________________________________________ 8. Свойство width="число" - задает ширину таблицы: либо в пикселях, либо в процентах %. ________________________________________ 9. Свойство rowspan="число" - задает число объединяемых вертикальных ячеек. ________________________________________ 10. Свойство valign="параметр" - выравнивание содержимого ячейки по вертикали. • top - выравнивание содержимого ячейки по верхнему краю строки • middle - выравнивание по середине • bottom - выравнивание по нижнему краю • baseline - выравнивание по базовой линии Смотрите, в видео более подробно про HTML5 видео уроки для начинающих #11 – HTML тег table таблица. HTML5 основы таблиц! _ ШКОЛА СОЗДАНИЯ САЙТОВ! ***Новое видео – 3 раза в неделю*** _ • ПОДПИШИТЕСЬ НА КАНАЛ: https://www.youtube.com/channel/UCAph--zJxe0WXsKl5FCZ27Q • Жмите палец вверх! • Напишите свой отзыв или вопрос в комментариях! _ ***Проверенные способы создания и раскрутки сайтов*** __ Поделитесь этим видео со своими друзьями: https://www.youtube.com/watch?v=mBFiGC3aRyY Следите за нашим каналом! Спасибо! #HTML5ВидеоУрокиДляНачинающих #HTMLТегTableТаблица #ТаблицаОснов #ОсновыТаблицы #ОсновыТаблиц #ТаблицаНаОсновеАнализа #ЗаполнитьТаблицуНаОсновеДанных #ТегTable #ТегTableАтрибуты #ТаблицаTableHtml #HtmlТегТаблица #ТегTableHtml #КакДобавитьСсылкуНаСайт #РазмещениеСсылокНаСайт #КакСоздатьСсылкуНаСайт
18. Cours Html5  Les tableaux  : table , tr , td , th , caption , thead , tfoot , tbody
 
13:34
Site: http://dialectuto.com/ Forum: http://dialectuto.com/forum ------------------------------------------------------------------- DialecTuto.Com est un site dédié à l'autoformation vidéo gratuite en dialecte marocain.
Views: 1975 DialecTuto
How to Create Tables in HTML
 
08:43
CSS Tutorials - https://www.youtube.com/watch?v=co7hE1SETtk&list=PLAsPrIlN9FQcE--Ne4DoevQC0b4DGccMu HTML Tutorials - https://www.youtube.com/watch?v=5bl0WBYpHwY&list=PLAsPrIlN9FQc8lM1vSDAEaad6ATR6whMd
Views: 287 Reecry
How to Align HTML Table
 
01:13
Follow this tutorial to learn how to align an HTML Table on a webpage in multiple ways. Don't forget to check out our site http://howtech.tv/ for more free how-to videos! http://youtube.com/ithowtovids - our feed http://www.facebook.com/howtechtv - join us on facebook https://plus.google.com/103440382717658277879 - our group in Google+ In this tutorial on "how to align HTML table", we will teach you to align a table in HTML to the right, left and center of the page. A table in HTML can be aligned using the align attribute inside a table tag. The align attribute is deprecated in HTML 4.0 and is not supported by HTML 5. Tables can be aligned to right, left and center using the align-right, align-left and align-center table's property respectively. Text in the tables aligns top in HTML and can also be aligned to left, right and bottom. Step 1: Align HTML Table to right A table in HTML can be aligned to the right side of the web page using the table's property align-right. In order to align HTML table, add the align-right property in the table tag. This will align the table to the right side of the web page. By default table aligns top in HTML. Step 2: Align HTML Table to left A table in HTML can be aligned to the left side of the web page using the table's property align-left. In order to align the table, add the align-left property in the table tag. This will align the table to the left side of the web page. Step 3: Align HTML Table to center A table in HTML can be aligned to the center side of the web page using the table's property align- center. In order to align the table, add the align- center property in the table tag. This will align the table to the center side of the web page.
7. Image inside the Table Cell in html using Sublime Text
 
17:34
Image inside the Table Cell in html using Sublime Text (Note: sample images here are credited to the owners)
Views: 53 user
Выравнивание HTML таблицы, ее содержимого и настройка переноса строк в ячейках таблиц
 
08:57
Помощь проекту: WMR: R288272666982 WMZ: Z293550531456 Яндекс.Деньги: 410011531129223 Блог: http://zametkinapolyah.ru/ Рубрика HTML: http://zametkinapolyah.ru/verstka-sajtov/html Текстовая версия: http://zametkinapolyah.ru/verstka-sajtov/palitra-cveta-v-html-kody-html-cvetov-cvet-teksta-ssylki-fona-v-html.html Паблик блога в ВК: https://vk.com/zametkinapolyah Тематическая группа в ВК: https://vk.com/zametkipohtml В HTML для таблиц можно не только задавать цвет и рамки, но и управляет отображением текста как для всего элемента TABLE, так и для отдельных его элементов, делается это все при помощи следующих атрибутов: атрибут align - определяет выравнивание содержимого ячейки или строки по ширине, если атрибут применяется к таблице, то выравнивается положение всего HTML элемента TABLE на веб-странице; атрибут valign - выравнивания содержимого ячейки или всей строки по вертикали, к элементу TABLE данный HTML атрибут не применим; атрибут abbr – задает краткое описание содержимого ячейки HTML таблицы, посетители с обычными браузерами никак не смогут увидеть данное описание; атрибут summary – позволяет задать краткое описание таблицы, посетители с обычными браузерами никак не смогут увидеть данное описание; атрибут char - используется для выравнивания содержимого ячейки или строки или колонки по заданному символу; атрибут charoff - используется для того, чтобы сместить содержимое ячейки относительно указанного символа атрибут nowrap – запрещает перенос строки (уникален для td и th).
table, thead, tbody, tfoot, th, tr and td tag - html 5 tutorial in hindi - urdu - Class - 72
 
09:06
In this tutorial, you will learn table, thead, tbody, tfoot, th, tr and td tag in html 5 in hindi and urdu. This html tag tutorial created by Husain sir on all type tutorials. If you like this HTML5 tag tutorial then subscribe alltypetutorials me and feel free to ask and comment below this video. ----------------------------------------------------------------------------------------------------------- If you want to learn all html tag then follow the link :- https://www.youtube.com/playlist?list=PLw9zMOoodWb6KogQMHqAfXk_y0tgJSzI3
Views: 380 all type tutorials
Make table in HTML & CSS with easy tips and triks
 
04:04
We are going to make Table in HTML with CSS. HTML - table tag | HTML - tr tag | HTML - th tag | HTML - td tag How to create tables in html? How to add rows to table? How to add cells to table rows? html table tag: table tag is a paired tag. border="in pixels" cellspacing="in pixels" cellpadding="in pixels" bgcolor="color" background="imagename" width="pixels/percentage" height="pixels/percentage" html caption tag: caption tag is paired tag. Used to set title or caption to the table. html tr tag: used to create table rows. tr tag has two child tags th for table heading cells, td for table data cells. bgcolor="color" align="left/center/right" valign="top/middle/bottom" html th tag: th tag should be used in first tr. not mandatory but need to follow some rules. html td tag: table data cell used to create cells. bgcolor="color" align="left/center/right" valign="top/middle/bottom" width="pixels" height="pixels" rowspan="number" colspan="number" ======================================================== ========= For more benefits & Be up to date =================== Subscribe to "IT Adda" channel: it's free if you want full code - https://itaddahtml.blogspot.com/2019/02/education-adda-body-margin-0-font.html ======================================================== ========== HTML Questions & Answers ====================== 1. Which HTML tag is used to add a row in a table? a. td b. dd c. tr d. th Answer: c 2 .Which HTML tag is used to add a table data cell in a table row? a. dt b. td c. th d. dh Answer: b 3. The space between the content and border around it in HTML table is specified by the HTML attribute: a. cellspacing b. margin c. cellpadding d. padding Answer: c
Views: 16 IT ADDA
Tables in HTML
 
32:07
#TablesinHTML #HTMLtables #nestedtableinhtml Tables:-Used to display information in the form of rows and columns. Tables are constructed using table, tr , td. table---/table:- Defines the beginning and end of a table. Attributes of table element:- Align:-It specifies the alignment of the table on the web page. Align=”left”|”right”|”center” Default alignment value is left. bgcolor:- It specifies the background color of table. It can be specified using RGB combination or by specifying color name. Rules=all|| rows || cols || none All means both horizontal rows and vertical columns will be displayed. Default rules value is all. Rows means only horizontal rows will be displayed. Cols means only vertical columns will be displayed. None means no rows and columns will be displayed. Border:-It specifies thickness of table border in terms of pixels. If we do not specify a border for the table, it will be displayed without borders. Height:-It specifies height of table. We can specify height in terms of pixels or Percentage of available screen size. Width:-It specifies width of table. We can specify width in terms of pixels or Percentage of available screen size. Cellpadding:- It specifies the space between the cell border and the cell content. Cellspacing:- It specifies the space between the cells in a table. caption-------/caption:-It provides a caption for the table. We must place caption element after table tag and precede all other tags. tr---/tr:- Defines a row with in the table. Attributes of tr element:- Bgcolor:- It specifies the background color of table row. It can be specified using RGB combination or by specifying color name. Align=left||right||center||justify. It specifies the alignment of the content. Default value is left. Valign=”top”|”center”|”bottom”. It specifies the vertical alignment of the content. td ---/td:- Defines a table data cell. A table cell can contain any content like an image or even other table or a list or a hyperlink, ----. Attributes of td element:- Colspan:-It is used if the cell occupies more than one column. Rowspan:-It is used if the cell occupies more than one row. th----/th:- • Defines a table header cell. • Browsers generally display the contents of the header cells in bold and centred. • Same attributes as td tag. Unordered list,Unnumbered list,Bulleted list,Ordered list,Numbered list,definition list,types of lists
Views: 62 Sudhakar Atchala
Vertical align in CSS (Hindi)
 
04:42
Topics: Vertical align in CSS Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __________________________________________________________ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___________________________________________________________ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___________________________________________________________ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___________________________________________________________
Views: 2881 Geeky Shows
Creating a Button in Cascading Style Sheet (CSS).
 
17:40
This is a tutorial about creating a button in Cascading Style Sheet (CSS). References: [CSS vertical-align property / display property with table-cell value] https://www.tutorialrepublic.com/css-reference/css-vertical-align-property.php https://www.w3docs.com/snippets/css/how-to-vertically-center-text-with-css.html#vertical-align [CSS background-color property] https://www.w3schools.com/cssref/pr_background-color.asp [CSS color property] https://www.w3schools.com/cssref/pr_text_color.asp [CSS pick your colors] https://www.w3schools.com/colors/colors_picker.asp [CSS 'buttonface' color] https://drafts.csswg.org/css-color-3/#buttonface [CSS border property] https://www.w3schools.com/cssref/pr_border.asp [CSS border-style property] https://www.w3schools.com/cssref/pr_border-style.asp [CSS width property] https://www.w3schools.com/cssref/pr_dim_width.asp [CSS height property] https://www.w3schools.com/cssref/pr_dim_height.asp [CSS text-align property] https://www.w3schools.com/cssref/pr_text_text-align.asp [CSS border-radius property] https://www.w3schools.com/cssref/css3_pr_border-radius.asp https://www.w3schools.com/css/css3_borders.asp https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator [CSS font-size property] https://www.w3schools.com/cssref/pr_font_font-size.asp [CSS element selector] https://www.w3schools.com/cssref/sel_element.asp [CSS cursor property] https://www.w3schools.com/cssref/pr_class_cursor.asp [Create an arc here and see it's arc length value in real-time.] https://www.mathopenref.com/arclength.html https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Background_and_Borders/Border-radius_generator Music By: "Cyber Transquility" - by LDUK Music Link: https://www.youtube.com/watch?v=m3G_bX-MsWg "A Thousand Suns" by LDUK Music Link: https://www.youtube.com/watch?v=JAp-NZts88s Music Album here: http://lduk.bandcamp.com Check out LDUK's channel: https://www.youtube.com/user/LDUKMusic
Views: 5 Jerry Fleurival
CSS уроки | Урок 5 | Выравнивание текста vertical-align
 
12:41
Выравнивает элемент по вертикали относительно своего родителя, окружающего текста или ячейки таблицы. vertical-align: baseline, bottom, middle, sub, super, text-bottom, text-top, top, inherit, значение, проценты. ►Учить языки веб-разработки просто! Смотри на канале: https://www.youtube.com/channel/UCo0SLZqKSBIYtv5PUlTua5Q █ ► Помощь в развитии канала: ✔ Спасибо за Донат: https://www.donationalerts.com/r/vstork ✔ Яндекс-кошелек: 410018677491148 ► Хэштеги: #Css3, #Css, #html5, #HTML, #PHP, #VictorStork Бесплатные уроки, Бесплатные уроки по Html, Бесплатные уроки по Css, Бесплатные уроки по Css 3, Бесплатные уроки по Html 5, Создание сайтов, Верстка сайтов, Html, Css, Css 3, Html 5, PHP
Views: 753 Victor Stork
5 ways to vertically center with CSS
 
07:02
Vertically centering things with CSS used to be a challenge, but now there are so many ways to do it, I show you 5 in under 5 minutes, and this isn't even all of them! If you have any other ways, make sure to leave them in the comments! The 5 ways I look at in this video are the old school way with a table cell, using position absolute, using flexbox and grid's align-items property, and then using auto top and bottom margins on the child in a flexbox (or grid) parent. Check out the codepen here: https://codepen.io/kevinpowell/pen/NLEjaz And, if 5 ways isn't enough, Facundo Corrandini has come up with 13 different ways! Check out his article, there are some real gems! https://blog.logrocket.com/13-ways-to-vertical-center-in-2018-cb6e98ed8a40 #fiveminutefriday --- I have a newsletter! https://www.kevinpowell.co/newsletter New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass --- My Code Editor: VS Code - https://code.visualstudio.com/ How my browser refreshes when I save: https://youtu.be/h24noHYsuGc --- Support me on Patreon: https://www.patreon.com/kevinpowell I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell
Views: 28787 Kevin Powell
CREATING TABLE WITH ROWSPAN AND COLSPAN  - HTML
 
25:42
CREATING TABLE WITH ROWSPAN AND COLSPAN IN HTML #htmllecturesforbeginners, #basichtmltags, #tableinhtml
HTML video tutorial - 59 - html table bgcolor attribute
 
07:37
html bgcolor attribute with table tag, tr tag, th, td tag: How to set background color to table? How to set background color to table row? How to set background color to table data cells? ======================================================== Follow the link for next video: https://youtu.be/gjDibAhaiwc Follow the link for previous video: https://youtu.be/fghXCQ6KEg8 ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== HTML Questions & Answers ====================== ========================================================
Views: 3840 Chidre'sTechTutorials
Html Table | Insert Image in Table | In Urdu | Hindi | Lecture 25
 
13:36
Hii Friends... I am Fatima Afzal here with Lecture 25 of Web Designing and Web Development in Urdu/Hindi. In this lecture you will learn: - How to Create Table with HTML. - How to Add Image in Table. Tags for Table: - th - tr - td - caption Attributes for Table: - border - width - height - align - valign - cellspcaing - cellpadding - colspan - rowspan It is a complete Web Development and Web Designing course, here you can learn each and everything in detail. For more updates do subscribe my channel: https://www.youtube.com/channel/UCrQxi0XfoT_C5sht72iGMZg Some important related video's links are given below: Html Table: https://www.youtube.com/watch?v=9BxN6OECJ3w HTML Marquee Tag(Scrolling Image in Web Page): https://www.youtube.com/watch?v=fXArMJSy-_s HTML Marquee Tag(Scrolling Text in Web Page): https://www.youtube.com/watch?v=PryF-Gm3GyU Add Favicon to Website: https://www.youtube.com/watch?v=LLGG1wimwTw Image as Hyperlink in HTML: https://www.youtube.com/watch?v=m_jpBuuvURQ How to Align Image in HTML: https://www.youtube.com/watch?v=oOvYP1TonX0 Change Image Size And Add Image Title: https://www.youtube.com/watch?v=hbG5JLm932A Image Tag in HTML: https://www.youtube.com/watch?v=wVU-ycmIdT8 HTML Background Image: https://www.youtube.com/watch?v=P7MIXQ60HDc Hyperlinks in HTML: https://www.youtube.com/watch?v=eObr8BeNBmE https://www.youtube.com/watch?v=v5U_QrdLHeA
Views: 29 Web Style
Table Cells Vertical align in Html  in hindi Part 1
 
05:01
In this video you will learn about how to vertically align the table cells. If you want to align the data horizontally then you just write align="center/left/right" but If you want to align the table contents vertically than you have to use valign i.e vertical align property Watch this video and its 2nd part also for creating good tables
Views: 304 IT FUll Knowledge
HTML video tutorial - 62 - html table rowspan and table colspan attribute
 
09:07
HTML - rowspan attribute and HTML - colspan attribute: How create layouts using tables? rowspan and colspan attributes. How to marge table cells? html rowspan attribute: spans a cell vertically. value should be how many cells to span consider the current cell too. html colspan attribute: spans a cell horizontally. value should be how many cells to span consider the current cell too ======================================================== Follow the link for next video: https://youtu.be/8Gke1-WeovE Follow the link for previous video: https://youtu.be/B_OFz9i-RHA ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== HTML Questions & Answers ====================== ========================================================
Views: 36767 Chidre'sTechTutorials
Table Cells Vertical align in Html in hindi Part 2
 
04:52
In this video you will learn about how to vertically align the table cells. If you want to align the data horizontally then you just write align="center/left/right" but If you want to align the table contents vertically than you have to use valign i.e vertical align property Watch this video and create better tables according to your color combination choices and creativity
Views: 145 IT FUll Knowledge
css center div vertically text block image (css align text)
 
18:27
HTML centering text or block vertically within an element. - Single line of text using padding, line-height, and flex -Multiple lines of text using display:table , display:flex -block using position:absolute techsith.com
Views: 37087 techsith
Basic HTML for Web Design : HTML Table Cell Padding
 
01:19
HTML users can use cell padding to space text on a web page from edges of tables and borders. Code cell padding on an HTML website with a professional designer in this free web design video. Expert: Bobbi Lindaman Contact: www.lindamandesigns.com Bio: Bobbi Lindaman has a BFA in visual communications and studio art. She has more than eight years experience in print and web design and is also the owner of Lucky Lindy Designs. Filmmaker: Christopher Rokosz
Views: 4359 expertvillage
Basic HTML for Web Design : Vertical Align Tables in HTML
 
01:25
Aligning tables in HTML is the same as aligning text or images. Code vertically aligned tables on an HTML website with a professional designer in this free web design video. Expert: Bobbi Lindaman Contact: www.lindamandesigns.com Bio: Bobbi Lindaman has a BFA in visual communications and studio art. She has more than eight years experience in print and web design and is also the owner of Lucky Lindy Designs. Filmmaker: Christopher Rokosz
Views: 4155 expertvillage
20. Align Attribute in HTML (Hindi)
 
06:00
Please Subscribe Channel Like, Share and Comment Visit : www.geekyshows.com
Views: 8505 Geeky Shows
html table包tbody包tr包td包div
 
07:53
html table包tbody包tr包td包div 加 css
Views: 141 包娜
HTML Table Cellpadding and cellspacing | Hindi Video Tutorials
 
02:29
In this tutorial, we are going to learn to use cellpadding and cellspacing attributes. http://dumblittlecoder.com/courses/html-basics/
Views: 4048 dumblittlecoder
HTML Vertical Table Headings 05
 
03:53
With HTML you can create your own Web site. This tutorial teaches you everything about HTML. HTML is easy to learn - You will enjoy it.
Views: 553 Social MoonLight
Cellspacing and Cellpadding in HTML
 
05:15
HTML,HTML Introduction, Getting Started, HTML Elements, HTML Comments, Headings, Paragraph, Lines,line-breaks, Links, Images, Attributes, Formatting Tags, Align, Lists, HTML Tables, Cellspacing, Cellpadding, Colspan, Rowspan, Height and Width, HTML Frames, HTML Forms, Textbox, Textarea, Radio Button, Checkboxes, Drop-down List, Submit Button, Reset Button, GET Method,POST Method, shaik shahwali, shahwali, codentest,
Views: 10992 Shaik Shahwali
Vertical align middle with div
 
02:55
Have you ever banged your head against the wall trying to vertical align without tables? Look no further. Based on a very nice tutorial from http://css-tricks.com/ called centering in the unknown.
Views: 10369 Simon Pedersen
HTML Tables Part 2 - Basic CSS Styling
 
09:30
This is part 2 of an ongoing tutorial on HTML tables. This demonstration covers the main CSS styling options for tables, and it includes setting the width and height, making borders, collapsing the borders, and other styling. This tutorial includes the following properties: border, border-collapse, padding, width, height, vertical-align, text-align
Views: 538 hundredvisionsguy
html tutorial in part 3 table tr th td
 
05:55
html tutorial in Hindi. This tutorial about table making in html using table tag tr th and td. This is a basic tutorial of a html table.
Views: 125 Santosh Devnath
html table||html table border||html5 table||css table border||html tr||html td||html table border
 
07:36
html table||html table border||html5 table||css table border||html tr||html td||html table border HTML TABLE TUTORIAL HINDI - tr, th, td, table border, colspan, rowspan, The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the table tag in which the tr tag is used to create table rows and td tag is used to create data cells. Table Heading Table heading can be defined using th tag. This tag will be put to replace td tag, which is used to represent actual data cell. Normally you will put your top row as table heading as shown below, otherwise you can use th element in any row. Tables Backgrounds You can set table background using one of the following two ways: bgcolor attribute - You can set background color for whole table or just for one cell. There are a number of tags that can be utilized to create a table inside a HTML document. Table tag represents table, TR is for table row TD is for table cell TH is for header cell Thead is container for Table head -~-~~-~~~-~~-~- Please watch: "top navigation bar ||css menu ||top navigation ||website navigation bar design ||html navigation" https://www.youtube.com/watch?v=pU0GaTFVHWM -~-~~-~~~-~~-~-
Views: 142 TechWeb Solutions
43. How to Align Table Content in HTML (Hindi)
 
04:10
Here's how to Align Table Content in HTML Hypertext Markup Language ( HTML ) Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: https://youtu.be/eocE-kbk7h0 CSS Complete Video Tutorial Playlist: http://goo.gl/On2Bh1 Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __________________________________________________________ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___________________________________________________________ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___________________________________________________________ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___________________________________________________________ Keywords: Hypertext Markup Language (HTML) Learn Hypertext Markup Language ( HTML ) HTML in Hindi HTML in Urdu HTML for beginners HTML Basic to Advance Free HTML Tutorials Learn Free HTML Practical HTML tutorials HTML Questions HTML Assignments Easy way to Learn HTML ____________________________________________________________
Views: 4908 Geeky Shows
HTML Table | Rowspan, Colspan, Cellspacing, Cellpadding In Urdu | Hindi | Lecture 24
 
25:28
Hii Friends... I am Fatima Afzal here with Lecture 24 of Web Designing and Web Development in Urdu/Hindi. In this lecture you will learn: - How to create table with HTML. Tags for Table: - th - tr - td - caption Attributes for Table: - border - width - height - align - valign - cellspcaing - cellpadding - colspan - rowspan It is a complete Web Development and Web Designing course, here you can learn each and everything in detail. For more updates do subscribe my channel: https://www.youtube.com/channel/UCrQxi0XfoT_C5sht72iGMZg Some important related video's links are given below: HTML Marquee Tag(Scrolling Image in Web Page): https://www.youtube.com/watch?v=fXArMJSy-_s&t=10s HTML Marquee Tag(Scrolling Text in Web Page): https://www.youtube.com/watch?v=PryF-Gm3GyU Add Favicon to Website: https://www.youtube.com/watch?v=LLGG1wimwTw Image as Hyperlink in HTML: https://www.youtube.com/watch?v=m_jpBuuvURQ How to Align Image in HTML: https://www.youtube.com/watch?v=oOvYP1TonX0 Change Image Size And Add Image Title: https://www.youtube.com/watch?v=hbG5JLm932A Image Tag in HTML: https://www.youtube.com/watch?v=wVU-ycmIdT8 HTML Background Image: https://www.youtube.com/watch?v=P7MIXQ60HDc Hyperlinks in HTML: https://www.youtube.com/watch?v=eObr8BeNBmE https://www.youtube.com/watch?v=v5U_QrdLHeA
Views: 26 Web Style
Mathe: Anki Brüche und weiteres durch HTML (siehe Beschreibung)
 
05:44
Zeigt, wie ich Brüche in Anki durch HTML darstelle Das hier ist der Inhalt meiner Datei mit den Vorlagen (Alle spitzen Klammern wurden mit eckigen vertauscht, weil youtube keine spitzen zulässt): einfacher bruch -------------------------------------- [table] [tbody] [tr][td style="border-bottom:solid;border-width:1px"] ZÄHLER[/td] [td rowspan="2"]WEITERE_INFO[/td] [/tr] [tr][td] NENNER[/td][/tr] [/tbody] [/table] Gleichung -------------------------------------- [table] [tbody] [tr] [td style="border-bottom:solid;border-width:1px"] ZÄHLER[/td] [td rowspan="2"]WEITERE_INFO[/td] [td style="border-bottom:solid;border-width:1px"] ZÄHLER[/td] [/tr] [tr] [td]NENNER[/td] [td]NENNER[/td] [/tr] [/tbody] [/table] für Summenformel ---------------------- [table cellspacing="0" cellpadding="0"] [tbody] [tr style="text-align:center;font-size:100%;"] [td][/td] [td][div style="position:relative;top:10px"]∞[/div][/td] [td] [/td] [/tr] [tr style="text-align:center;font-size:140%;"] [td]asdf[/td] [td style="font-size:220%;"]Σ[/td] [td style="text-align:left;"]FORMEL[/td] [/tr] [tr style="vertical-align:top;text-align:center;font-size:80%;"] [td][/td] [td][div style="position:relative;top:-10px"]n=1[/div][/td] [td] [/td] [/tr] [/tbody] [/table] styles -------- border:solid;border-width:1px Wurzel ------------- √[span style="border-top:solid;border-width:1px"]asf[/span] lim / Grenzwert ------------------------- [table style="text-align:center;" ] [tbody] [tr] [td rowspan="2" style="font-size:120%"]WEITERE_INFO[/td] [td style="font-size:180%"]lim[/td] [td rowspan="2" style="font-size:120%"]WEITERE_INFO[/td] [/tr] [tr] [td style="text-align:center;font-size:90%"] [div style="position:relative;top:-10px"]n→∞[/div] [/td] [/tr] [/tbody] [/table] Mit Oberschrift ---------------------- [table cellspacing="0" cellpadding="0"] [tbody] [tr style="text-align:center;font-size:80%;"] [td style="text-align:center;"]x[/td] [td]y[/td] [/tr] [tr style="text-align:center;font-size:140%;"] [td]text1[/td] [td]text2[/td] [/tr] [/tbody] [/table] Klammern mit Bruch-Inhalt ----------------------------------------------- [table] [tbody] [tr] [td rowspan="2" style="font-size:34px"]([/td] [td style="text-align:center;border-bottom:solid;border-width:1px"]OBEN[/td] [td rowspan="2" style="font-size:34px"])[/td] [/tr] [tr] [td style="text-align:center;"]UNTEN[/td] [/tr] [/tbody] [/table] bestimmtes Integral ----------------------------------------------- [table] [tbody] [tr] [td][/td] [td] [span style="position:relative;top:5px"] ∞[/span] [/td] [/tr] [tr] [td]asdf[/td] [td style="font-size:34px"]∫[/td] [td] BERECHNUNG [/td] [/tr] [tr] [td][/td] [td] [span style="position:relative;top:-7px"]-∞[/span] [/td] [/tr] [/tbody] [/table] Vektor mit 2 Zahlen ------------------------------- [table] [tbody] [tr] [td rowspan="2" style="font-size:34px"]([/td] [td style="text-align:center"]OBEN[/td] [td rowspan="2" style="font-size:34px"])[/td] [/tr] [tr] [td style="text-align:center;"]MITTE[/td] [/tr] [/tbody] [/table] Vektor mit 3 Zahlen ------------------------------- [table] [tbody] [tr] [td rowspan="3" style="font-size:34px"]([/td] [td style="text-align:center"]OBEN[/td] [td rowspan="3" style="font-size:34px"])[/td] [/tr] [tr] [td style="text-align:center;"]MITTE[/td] [/tr] [tr] [td style="text-align:center;"]UNTEN[/td] [/tr] [/tbody] [/table] Tabelle mit 3 Spalten ------------------------------------ [table][tbody][tr] [td]A[/td] [td]B[/td] [td]C[/td] [/tr][/tbody][/table] Tabelle mit 3 Spalten und Gitternetz --------------------------------------------------- [table border="1" style="border-collapse: collapse;font-size:100%"][tbody][tr] [td]Bla[/td] [td]Ziel[/td] [td]Quelle1[/td] [td]Quelle2[/td] [/tr][/tbody][/table] Matrix ---------------------------------- [table] [tbody] [tr] [td style="font-size:34px"]([/td] [td style="text-align:center;"] x[sub]1[/sub]   y[sub]1[/sub][br /] x[sub]2[/sub]   y[sub]2[/sub][br /] x[sub]2[/sub]   y[sub]2[/sub] [/td] [td style="font-size:34px"])[/td] [/tr] [/tbody] [/table] Sonderzeichen ∃∀⇒→∘∙ -------------------------------------- ∈ ∉ ∀ ∃ Σ ≠ ≈ ≡ ≤ ≥ ⇒, ⇔, ⇐ ↑ ↗ → ↦ ↘ ↓↙← ↖ ↔ ↕ ÷ ∞ ∙ ∘ ∫ ∆ ∪∩ ¬ ∨∧ ⊂⊊⊆⊇⊋⊃ ≺ ┌─┐ ││ └┘
jquery draggable widget
 
12:17
Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/07/jquery-draggable-widget.html In this video we will discuss jquery draggable widget jquery draggable widget allow elements to be moved using the mouse. This widget is in interactions category on the jQuery UI website. http://jqueryui.com/draggable/ Consider the following HTML <div id="draggableDiv" class="divClass"> Drag me around </div> .divClass { height: 200px; width: 200px; background-color: red; color: white; display:table-cell; vertical-align:middle; text-align:center; } To make the above div element draggable $('#draggableDiv').draggable(); Some of the useful options to customize the draggable widget axis - Constrains dragging to either x or y axis containment - Constrains dragging to within the bounds of the specified element or region cursor - The CSS style of the cursor during the drag operation opacity - opacity during the drag operation revert - Boolean property that specifies if the element should revert to its start position when dragging stops revertDuration - The duration of the revert animation, in milliseconds snap - Specifies whether the element being dragged should snap to other elements. Value can be boolean or a selector. When set to true, the element will snap to all other draggable elements. When a selector is specified the element being dragged will snap to the element specified by the selector snapTolerance - The distance in pixels between the element being dragged and the element to which to snap to, at which snapping should occur. cancel - Prevents dragging from starting on specified elements Constrains dragging to x axis $('#draggableDiv').draggable({ axis : 'x' }); Constrains dragging to within the bounds of the parent element HTML <div id="containerDiv" style="height:300px; width:300px; border:3px solid black"> <div id="draggableDiv" class="divClass"> Drag me around </div> </div> jQuery $('#draggableDiv').draggable({ containment : 'parent' }); Changes the cursor style to "move" during the drag operation $('#draggableDiv').draggable({ cursor: 'move' }); Changes the opacity to 0.3 during the drag operation $('#draggableDiv').draggable({ opacity : '0.3' }); Reverts the div element to its start position when dragging stops. Revert animation completes in 1000 milli-seconds. $('#draggableDiv').draggable({ revert: true, revertDuration : 1000 }); The following example 1. Snaps the coloured div elements to the div element with thick black border. 2. The snapping occurs as soon as the distance between any of the coloured div element and the div element with thick black border is 50 pixels 3. The cancel option cancels dragging from starting on the div element with thick black border HTML <div id="redDiv" class="divClass" style="background-color: red"> Red Div </div> <div id="greeDiv" class="divClass" style="background-color: green"> Green Div </div> <div id="blueDiv" class="divClass" style="background-color: blue"> Blue Div </div> <div id="brownDiv" class="divClass" style="background-color: brown"> Brown Div </div> <br /> <br /> <div id="snapDiv" style="height: 400px; width: 400px; border: 5px solid black"> </div> Style .divClass { height: 200px; width: 200px; color: white; display: table-cell; vertical-align: middle; text-align: center; } jQuery $('div').draggable({ snap: '#snapDiv', snapTolerance: 50, cancel : '#snapDiv' });
Views: 24458 kudvenkat
Membuat Desain Tabel dengan CSS | Tutorial CSS (part 14)
 
31:41
Video (bahasa Indonesia) ini berisi tutorial css bahasa indonesia membuat desain style tabel dengan css #CSS #HTML #HTMLTutorial #table #tabel #TutorialIndonesia #JuniorDev Link Video: https://youtu.be/Iz_kh0UjeBM Playlist Video-video Tutorial lengkap CSS: https://www.youtube.com/playlist?playnext=1&list=PLFLsT6z_5FzmXA9cseOQeAeXpfsNNw5Eg (On Going..!!) Channel Youtube : Youtube : https://www.youtube.com/c/juniordev Like Fanpage : https://www.facebook.com/juniordevindonesiaofficial/ Follow : http://twitter.com/hello_juniordev Instagram : https://www.instagram.com/juniordevindonesia/ Google Plus : https://plus.google.com/+JuniorDevIndonesia/posts Email : [email protected] Referensi: http://w3schools.com http://css3.info Jangan Lupa Subscribe, Share dan Like Video-videonya :) TAGS: css table, css tables tutorial, css table design, css table layout, css table responsive, css table different row color, table css, table css tutorial, nth-child, table th, table td, table caption, border-collapse, vertical align, striped table
Views: 1162 JuniorDev
CSS Table Border Spacing
 
06:25
CSS Table Border Spacing This is a documentation of some of my CSS practice videos. I just think I should make this public on YouTube . it might help someone out there and it is also for my reference sake. Anyways the video covers CSS 1 to CSS 3.... That is from beginners level to advance level. Please like, comment, and subscribe. Please make constructive criticism @key points such as : CSS Introduction CSS syntax CSS backgrounds CSS borders CSS margins CSS paddings CSS height and width CSS text CSS fonts CSS links CSS lists CSS tables CSS box model CSS outline CSS display CSS max-width CSS position CSS float CSS inline-block CSS align CSS combinator CSS pseudo class CSS pseudo element CSS navigation bar CSS dropdowns CSS tooltips CSS image opacity CSS sprites CSS forms CSS counter CSS3 introduction CSS3 rounded corners CSS3 border image CSS3 colors CSS3 gradients CSS3 shadows CSS3 text CSS3 fonts CSS3 2D transforms CSS3 3D transforms CSS3 animations CSS3 images CSS3 pagaination CSS3 multiple columns CSS3 user interface CSS3 box sizing CSS3 flexbox CSS3 filter CSS3 media queries CSS responsive web design introduction CSS responsive web design viewport CSS responsive web design gridview CSS responsive web design media queries CSS responsive web design images and videos.
Views: 636 Olushola Olasehinde
how to insert image in html in hindi || img tag with all attributes Hindi | html 5 css 3
 
07:54
how to insert image in html in hindi | img tag in html in hindi | img tag Attributes | Images can be imserted with the IMG tag in HTML. in this video i show you how to insert picture in html web pages. how to use img tag in html . and how to use all attributes of img tag in Hindi. i will explain how to add picture in html web page .[ how to insert picture in html in hindi | img tag in html in hindi | img tag Attributes ] Download File: https://drive.google.com/open?id=0B4QDUBmtVcJMcUVnX1R6UE0tZ28 How to Insert Images with HTML Adding pictures to your HTML page How to include images in HTML (Basic) Searches related to images in html background images in html moving images in html how to align images in html how to slide images in html rotating images in html scrolling images in html how to overlay images in html images in html table i already explained how to add picture in the background of web page in one of my previous video. if you don't know how we can add a picture in the background of web page in html. you can watch this video at https://youtu.be/rJJr8yFPaRY link Do SUbscribe My channel: http://www.youtube.com/deepakeduworld Visit my channel playlist: http://www.youtube.com/deepakeduworld/playlists Facebook: http://www.facebook.com/deepakeduworld
Views: 34409 Deepak EduWorld
HTML video tutorial - 18 - html attributes - html align attribute
 
06:14
HTML - Attributes : Attributes in html are extra settings on the tag. Attributes add more capabilities to html tags when used. Attributes are written in opening tags. Attributes are written after the tag name and before the greater than symbol in the opening tag. Attributes are separated by space character. Attributes come in pair, attribute name and attribute value. Attributes value is assigned to an attribute name using equal to sign. Attribute value should be enclosed in double quotations. HTML - align attribute: align attribute is used to align the text either to the left, center or to the right edge. align attribute is used in variety of tags, like p, heading, table, tr, td, img, div, embed, object and more tags. align attribute in paragraph (p) tag takes four values, left, center, right and justify. Example code: <html> <head> <title>HTML attributes</title> </head> <body> <h1 align="center">Heading one</h1> </body> </html> ======================================================== Follow the link for next video: https://youtu.be/Qy_VX9j4SV8 Follow the link for previous video: https://youtu.be/FSrVNvLyDdk ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== HTML Questions & Answers ====================== ========================================================
Views: 2588 Chidre'sTechTutorials
Learn CSS3 in Urdu _ CSS Table Style Formatting _ Responsive, Striped, Hover _ Lecture#15 _ Nanosoft
 
11:27
website: http://www.thenanosoft.com like my FB page: https://fb.com/932farhan follow on Twitter: https://twitter.com/932developer Instagram : https://instagram/nanosoft.official Next Lecture#16 CSS Display https://youtu.be/TRNKa5w1jHY Previous Lecture#14 List Formatting: https://youtu.be/QfNC9IRb6Rk HTML Table Lecture#6 https://youtu.be/Wmz1fkzqviA Padding & Margin CSS Lecture#7: https://youtu.be/N6xB9vjH-7w in this course we learn three types of language for Web Designing: 1. HTML 2. CSS 3.JavaScript In this lecture, we learn about CSS table formatting? how to make a beautiful design in css3 ? how to make a beautiful table design in css3 ? css table designing and formatting best tutorial css3 in urdu language ======================================== Heading !-- * CSS3 Table borders * CSS3 Collapse table borders * CSS3 Table width and height * CSS3 Horizontal alignment * CSS3 Vertical Alignment * CSS3 Table Padding * CSS3 Horizontal Dividers * CSS3 Hoverable Table * CSS3 Striped Table * CSS3 Table Color * CSS3 Responsive Table -- ======================================== code: note : must add all tag before and after angle brackets..! !DOCTYPE html html head titlethenanosoft.com/title style table { background:yellow; } table { width: 100%; } th { height: 50px; } th, td { text-align: center; } th, td { vertical-align: center; } td, th{ border-bottom:1px solid black; } tr:nth-child(odd) { background-color: blue; } tr:hover { background-color: yellowGreen; } th { background-color: greenYellow; } table { overflow-x: 100%; } /style /head body table tr th Name /th th Cell No /th /tr tr td Farhan Ellahi /td td +92-305-486 9663 /td /tr tr td Nauman Ellahi /td td +92-308-276 0000 /td /tr /table /body /html ========================================== #Nanosoft #932developer #FarhanEllahi Upload date: 27-01-2019 ============================== Learn CSS3 in Urdu _ CSS Table Formatting _ Striped, Hover, Divider & more properties _ Lecture#15 _ Nanosoft HTML Playlist Link: https://www.youtube.com/playlist?list=PLCQvila8_tWiC64EJ3979Pto2WR1Kl6GV Previous Lecture#13 Links formatting: https://youtu.be/uBGMXQw7umY subscribe to my channel: www.youtube.com/nanosoftofficial E-mail: [email protected] [email protected] Nanosoft Official fb page: https://facebook.com/nanosoft.official Twitter Link: https://twitter.com/nanosoft_pk
Views: 25 Nanosoft