Book your free class now for the best website development course. Get live online classes, certification, expert mentorship, job assistance, and more.

All-in-one Multimodal Generative Visual AI Workspace. Transform ideas into stunning visual strategic analysis, data into powerful insights, and documents into visual responses. Turbocharge decision-making and outpace your competition with Jeda.ai's Multi-Model Conversational AI Workspace.

Input types in HTML.

Input types in HTML.

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.

We are 1stWebDesigner and we’re on a mission to help you build a better web. 1WD was created by web design professionals, for web design professionals.

An easy-to-use HTML 5 cheat sheet for beginners – 2023 WPKube has prepared an extensive, up-to-date, ultimate cheat sheet on HTML 5— it includes all the tags listed in alphabetical order. We also included the availability of the tag from the previous HTML 4 version for comparison. On the other hand, this cheat sheet also includes a list of event.... Continue Reading

Boost your web designs with our guide to 20 must-know CSS tips and tricks.

How well do you know CSS border radius? #frontend #coding #webdev #developer #html #css

How well do you know CSS border radius? #frontend #coding #webdev #developer #html #css

How to create CSS Animated Gradient Background

HTML Basics by understanding all the basic stuff of HTML coding.

How to customize scrollbar using html and css | Quick css tricks and tipsPlease share the video and subscribe this channel for front-end development related ...

How to Create a Website With Video Background | HTML and CSSIn this video, you will learn How to Create a Responsive Website Homepage Layout With Video Backg...