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...

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...

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...

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

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 Sectioning Flowchart by HTML5 Doctor

► ► 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

button hover html5 | Button hover effect css animation | hover effects css tricks | Learn html and cssPlease Subscribe : https://www.youtube.com/amazingtechn...

Here is a lightweight code snippet to create a simple calculator in HTML. You can view demo and download code snippet.

nice Fl Studio 12 Tutorial in HINDI --Part 8 -- VST plugins [ Complete Beginners Training ] Free Download Crack VST Check more at http://soundkillarecords.com/plugins/fl-studio-12-tutorial-in-hindi-part-8-vst-plugins-complete-beginners-training-free-download-crack-vst/

Reposted..✌️👇📝 🤩ADDITIONAL DISCOUNT AVAILABLE 🤗 🔵P3 CA INTER COSTING VIDEO LECTURE EXAM-ORIENTED FULL COURSE – BY CA DARSHAN CHANDALIYA 👉http://vsmartacademy.com/product/p4-ca-inter-costing-fast-track-full-course-video-lecture-classes-by-ca-darshan-chandaliya/ Exam-Oriented Full Course – 1. Paper3 CA Inter Costing Fast Track Full Course are newly recorded classes from Darshan Sir 10-Feb-20 F2F batch Old & New Syllabus. 2. Up to Date for May & Nov 2020 exam in Hindi-Eng Mix language

Functions in R Programming: In this tutorial, we have covered functions like Built-in, General, Math, and Statistical with easy to learn examples.

In this WordPress Hindi tutorial, we will create a WordPress website in Hindi from scratch. This WordPress Hindi blog will teach you all WordPress topics in ...