We can easily create the table responsive using css3 and html5 thats makes our table more readable on small screen without the use of javascript.in my example ,i had simply used the table tags such as

, , , , , .in the example, i used the data-label attribute to specify the specific thead element for each table cell in the table.to make the table responsive i had simply used the media queries using css3 proprties.below is the html code:-the css code:-table{border: 1px solid #ccc;border-collapse: collapse;margin: 83px 0 0;padding: 0;width: 100%;}table caption {font-size: 1.5em;margin: 0.25em 0 0.75em;}table tr {background: #f8f8f8 none repeat scroll 0 0;border: 1px solid #ddd;padding: 0.35em;}table th {font-size: 0.85em;letter-spacing: 0.1em;text-transform: uppercase;}table th, table td {padding: 0.625em;text-align: center;}media query code:-@media screen and (max-width: 639px) {table { border: 0;}table thead { display: none;}table tr {border-bottom: 3px solid #ddd;display: block;margin-bottom: .625em;}table td {border-bottom: 1px solid #ddd;display: block;font-size: .8em;text-align: right;}table td:before {content: attr(data-label);float: left;font-weight: bold;text-transform: uppercase;}table td:last-child {border-bottom: 0;}}conclusion:-hence, a responsive table has been created by simply using the css3 and html5 tags.note:-the responsive table can be viewed over all latest version of safari 3.2+,chrome ,firefox 4+, opera 10.5+, and ie 10.

One of the most powerful elements of html5 is video. the video element is used to embed the video in the html page.there is no need of any plugin or other markup, and the best thing is that it supports all the major browsers. you have to just type a single link element and that's it.video element supported only three video formats like mp4, ogg and webm.basic syntax of video tag is:by this way video tag is implement: a video, using the browser default set of controls, with alternative sources.tag-specific attributes:optional attributesbelow are the list of optional attributes you can use, if in case any browser do not support the video element/format then the text written between the video tags will be displayed i.e 1. autoplay: once the video load in browser it will play automatically. 2. controls: using this attribute, you will be able to show play pause and other settings button on the video player. 3. height: using this attribute you can change the height width of video.4. loop: this attribute helps in playing next video in queue automatically 5. muted: option to get mute button on video player 6. poster: this attribute will put a poster image on player when the video is not played and once user click on play icon the poster will disapper. 7.preload: this attribute loads the video at the time page loads, video will stat playing directly once the user clicks on play icon instead of loading.

Input tag has many type for the values.for e.g input type "button" defines the input like button.in the same way input type "file" defines a box to upload a file to drive.the above code will display a browse button by which user can select a file to upload.after selecting the file, the file name will appear near the browse button.but in this we can only select 1 file to upload.now the question arises that can we upload multiple files to the drive.below is the code to select multiple files to upload:-when multiple is specified in the input, it means user can upload more than one file.below is the code to save the uploaded file in a particular folder:-

"; }?> after running this code, below screen will be open:-after clicking on the browse button,this window will be opened:-we can selected multiple files from the folder.after clicking on the upload button a message will be displayed with file name.and if we check the "uploads" folder, the selected files will saved there.

Highlighted Features ( Last Updated: 29 Dec , 2024 ): Buy One Time & Get Free Updates Forever. WordPress 6.7.x Compatible Elementor: #1 Drag & Drop Editor & Live Editing WordPress Page Builder Used. 3 Demo Home & 18+ Awesome Inner Pages. Free Theme Installation – If you will face any problem during installation – we will help you and It’s FREE More Demo Pages + Features Coming. BngTech – IT Solutions WordPress Theme. BngTech – IT Solutions WordPress Theme suitable for Agency, Mark

Hey guys!Thank you for watching 'Animated 3D Cube Using HTML and CSS | CSS Animation'. And for all the support you are showing! 🔥,If you liked this tutoria...

Buy Now 👇 https://stylelib.org/away/?id=431291 ⠀ Overview Gomeet Business & Meetup HTML Landing Page is a Fully Responsive landing page Template built on Bootstrap4 x, HTML5, CSS3, JavaScript, jQuery. It’s a modern crafted HTML5 template. Thi...

zozothemes Mist | Multi-Purpose #HTML5 #css3 #bootstrap3 #Responsive Template via @medosadvert by #themeforest

► ► This item is part of a product bundle, take a look: --- Rinn is a interactive and responsive under construction / coming soon HTML5 template. It's build

Learn html and css | How To Create Lava Lamp Drop Down Menu In HTML5 and CSS3 | html5 and css3 beginners tutorials"Amazing Techno Tutorials"Amazing Techno Tu...

Friends if you learn something from this video, then please like it, subscribe my channel and press the bell icon.The following tutorial will describe you :1...

Photography Template

Hasta is a Responsive HTML5 / CSS3 (Desktop, tablet, mobile phone) simple, clean and Professional theme. It comes with 30+ Multipage layouts, Many more inner Pages, Awesome Slideshows and Color Variations. Easy-to-customize and fully featured design. This theme Created for all business such as Corporate, Business, Portfolio, Hosting, Creative, Blog, Construction, Gym, Restaurant, Fashion, Agency, Hair Saloon, Mechanic, Medical, Transport, Law, University, Charity, Cafe, School, Real Estate, Winery, Beauty, Personal, Wedding and more.. Hasta Template Features: 30+ Multipage Layouts Bootstrap HTML5 and CSS3 Layered PSD Files jQuery Enhanced Responsive Design Master Slider Video Backgrounds Simple lIne Icons Custom Back

Canun – Lawyer and Attorney Next Js Template Canun is clean, unique, and modern Law Firm React Next Template. It was created for Law, Lawyers, o...

Our Bestseller Slowave – Multipurpose Responsive HTML5 Template Important note: This is the HTML version of Slowave. Please make sure you need the HTML version before purchasing. We can’t be held responsible for wrong purchases, we won’t be providing any refunds for purchases by mistake. Slowave is a flat and responsive HTML5 template with a clean and professional design which will be a great solution for your business, portfolio, blog or any other purpose website. Slowave was built with awesome Twitter Bootstrap v3 and it features 30 cool HTML5 pages with 7 color options. Since it is responsive, the layout will adapt to different screen sizes which will make your website be compatible with any device such as smart phones, tablets or d

Download and review of Oakland - Premium Responsive WordPress Theme, one of the best Themeforest Corporative themes {Download & review at|Review and download at} {|-> }http://best-wordpress-theme.net/oakland-premium-responsive-download-review/

HTML Tutorials for beginners#9 in Hindi | HTML FontsHello Friends, In this video you will learn about HTML Fonts and it's attributes like font-color, font-s...

CSS3 Tutorial for Beginners in Hindi Urdu, class/ #/ Predefined HTML Tags in css, cyber warriors Check more at https://byarab.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%a7%d9%84%d8%a8%d8%b1%d9%85%d8%ac%d8%a9/%d9%84%d8%ba%d8%a9-html/css3-tutorial-for-beginners-in-hindi-urdu-class-predefined-html-tags-in-css-cyber-warriors/

HTML5 es la actualización de HTML, el lenguaje en el que es creada la web. HTML5 también es un termino de marketing para agrupar las nuevas tecnologías de desar

We are going to present a collection of some 50 Amazing Free HTML5 CSS3 Templates for you to take advantage of download.

HTML5 and CSS3 templates are the latest technology to make your websites future proof. Download Free & Useful HTML5 and CSS3 Web Templates .