CSS introduction: #CSS is the acronym for: ‘Cascading Style Sheets’. #CSS is an extension to basic HTML that allows you to style your web pages. #CSS describes how HTML elements should be displayed. To Learn #CSS, Just You need: *Laptop or Desktop with Text Editor ***Your Interest towards learning #CSS *Basic HTML Best Text Editors: *Sublime *VS Code Editor *Atom Best Browsers: *Chrome *Firefox

Hello Guys.. Iam Back To StuNxt *_* Hope you guys all learned complete HTML... Are you interested to move to CSS (Styling HTML file)? Refer https://www.stunxt.com/posts/993 to learn HTML

HTML FOOTER TAG... The HTML <footer> tag is used for defining the footer of an HTML document or section. Footers usually contain information such as the author of the document, copyright information, links to terms of use, privacy policy, etc. The below image is footer of STUNXT webpage

Do you know about <aside> tag Let's see... In HTML5, <aside> tag shows contents separately next to the main content, such as a paragraph, at either the right side or the left side. The contents inside the <aside> tag, usually has contents that are related to the main content. You can actually add a few extra lines to explain briefly, what’s inside the main content. example: https://bit.ly/2YPDwXO

#weekly_challenge #letsweb #webdev What is use of control attribute in audio tag?

Do you know about SECTION element in HTML? Let's see...! The section element is a generic sectioning element, designed to contain a thematically defined piece of document. The contents of a section are usually leaded by a heading. Example: <section> <h2>StuNxt</h2> <p>Hello StuNxt users., Hit a like</p> </section> **I am suggesting you that our group only helps you to motivate daily to be a web developer, you need to try in your text editor daily with new elements help you to become good developer.. **In future, we will learn CSS, JS and etc.. #letsweb #webdev

Nav (navigation element) HTML nav element contains a block of navigational links leading to the main sections of a website **Refer https://www.stunxt.com/posts/1418 to know about ul tag Example: <nav> <ul> <li><a href="https://www.stunxt.com/">StuNxt home</a></li> <li><a href="https://www.stunxt.com/signin">StuNxt • Login</a></li> <li><a href="https://www.stunxt.com/pages">StuNxt • Pages</a></li> <li><a href="https://www.stunxt.com/groups">StuNxt • Groups</a></li> </ul> </nav> **You should only use the <nav> tag for the dominant block of navigational links, not all the links within a website. It is a great option when you need to include an unordered or ordered list of links. **The result of above example code is not for below image!

Hello guys... Form now we'll see some advanced tags from HTML5 ( latest version of HTML) Today we learn about <header> tag! I think all of us know meaning of header.. In HTML, header tag contains logo , navigation bar, information which describes about web page etc..! Example: <header> <img src="image_path" alt="logo"> <h1>Main heading of the document.</h1> <p>In this section we are discussing .......</p> </header> **The above is just example, you can change code as your wish within <header> tag See below picture to see header of StuNxt webpage with logo and nav links (join) #letsweb #webdev

How to add VIDEO file in HTML Document In HTML, <video> tag is used to add video into web page syntax: <video controls> <source src="stunxt.mp4" type="video/mp4"> <source src="stunxt.ogg" type="video/ogg"> Your browser does not support the video tag. </video> **Here controls attribute adds different controls to player like play, stop, volume etc.. **The <source> element allows you to specify alternative video files which the browser may choose from. The browser will use the first recognized format. **If your browser doesn't support video, then text between <video> & </video> tags will be appeared... **To resize the video height & width , use width & height attributes Ex: <video controls width="168" height="143"> **some attributes of audio tag is autoplay, loop, muted etc #letsweb #webdev

How to add AUDIO file in HTML Document :notes: :notes: <audio> tag in html is used to embed/play an audio file on a web page. syntax: <audio controls> <source src="stunxt_theme.mp3" type="audio/mpeg"> <source src="stunxt_theme.amr"> <source src="stunxt_theme.ogg" type="audio/ogg"> Your browser does not support the audio element. </audio> **Here controls attribute adds different controls to player like play, stop, volume etc.. **The <source> element allows you to specify alternative audio files which the browser may choose from. The browser will use the first recognized format. **If your browser doesn't support audio, then text between <audio> & </audio> tags will be appeared... some attributes of audio tag is autoplay, loop, muted etc.. For more details, Visit : https://www.w3schools.com/tags/tag_audio.asp #letsweb #webdev

Hello guys.. #weekly_challenge Which HTML tag is used to add a row in a table? previous weekly challenge answer: <u> [ https://www.stunxt.com/posts/1537 ] #letsweb #webdev

Everything is possible with programming! Before learn coding , learn how to learn code..! Be confident... #letsweb #webdev

Which platform you will prefer to learn Web Development?

Hello Guys... Today we work with HTML text, See below pic to understood. To get live preview , Visit: https://codepen.io/kirannani/pen/QWNKNBm

Best 5 youtube channels to learn web development that I follow.. 1. Traversy Media ( https://www.youtube.com/c/TraversyMedia ) 2. Easy Tutorials (https://youtu.be/kbvvxIWjx6s ) 3. Dev Ed ( https://www.youtube.com/c/DevEd ) 4. Online Tutorials ( https://www.youtube.com/c/OnlineTutorials4Designers ) 5. Programming with Mosh ( https://www.youtube.com/c/programmingwithmosh ) #learning #letsweb #webdev

10 incredible things you can do using PHP in 2020 1.You Can Have Cyber security on Your Website 2.You Can Write Your Own Script Code 3.You Can Integrate Cloud Technology Into Your Website 4.Image Processing And Generations 5.You Can Create Instagram Like Filters For Images 6.You can create a Content management system 7.You Can Integrate AMP 8.You Can Use Linux Or Apache For Free 9.Faster And Effective E-commerce Development 10.You Can Use Ming Library For more information, visit: https://yourstory.com/mystory/incredible-things-using-php-2020/amp #learning #letsweb #backend

Hello Guys.. Today we learn interesting topic! IFRAME In HTML, <iframe> tag creates an inline frame for embedding third-party content (Other Web Pages, Forms, Media, etc.). Height and Width are attributes used to define size of frame. In upcoming topics, you will learn how to style and make dynamic using CSS & Javascript To See Live Preview: https://codepen.io/kirannani/pen/XWddoVY

Hello guys.... Let's poll weekly challenge! <p> HAPPY INDEPENDENCE DAY 🇮🇳 <p> Which tag is used to underline above text in <p> element?

Hello guys.. Let's poll weekly challenge Which tag is used to label the input field?

For the all the beginners out there who are done with there font-end web development, Now I suggest you to start learning PHP and MySQL! For PHP I would suggest first to go with Solo Learn PHP course, It's very basic and simple. It will give a basic idea on how PHP works! here is the link: https://www.sololearn.com/Course/PHP/ #letsseries #web

Try this!

Hello.. Today we learn interesting topic in HTML! Now a days every website contain lot of forms like feedback form, registration form, contact form etc..! To create such input fields, we use input tag within form element. Once go through the file attached in this post to know more about input fields, forms etc. Don't get confuse that where the inputted data stored, we will learn this in PHP sessions

Helloo... Today We Learn How To Add Tables In HTML We use <table> tag in HTML to define table. Each table row is defined with a <tr> tag. Each table header is defined with a <th> tag. Each table data/cell is defined with a <td> tag. By default, the text in <th> elements are bold and centered. By default, the text in <td> elements are regular and left-aligned. See Live Code: https://codepen.io/kirannani/pen/zYqOoJy

It's time for Weekly Challenge Which tag is used to make bulleted ( • ) list in HTML?

Hello friends, today we will see last type of LISTS in HTML. Definition List:- A Definition list is a list of items with a definition of each item. This list is created using <dl> element. The <dl> element is used in conjunction with the <dt> element which specify a term, and the <dd> element which specify the term's definition. ***This list type is also called Description List The code used for the above is as follows: <dl> <dt>Item</dt> <dd>The definition goes here</dd> </dl> See below image to get clarity!!!

Good Evening Learners; Today we will see Unordered Lists in HTML. Unordered List: In this list style we use <ul> tag. This is better known as a bullet point list and contains no numbers. ex: <ul> <li>First item</li> <li>Second item</li> <li>Third item</li> <li>So onnn...</li> </ul> See below image for live preview

Lets see how to make an HTML List There are 3 different types of lists in HTML, Ordered List Unordered List Definition List Ordered List:- The first is an <ol>: This is an ordered list of contents. For example: 1.First item 2.Second item 3.Third item Inside the <ol> tag we list each item on the list inside <li> </li> tags. For example: <ol> <li>First item </li> <li>Second item </li> <li>Third item </li> </ol> We will see other two types in upcoming posts

Hello learner's! Today I will share my journey to become front end developer and WordPress Developer. Me and my friends planned to start a company like swiggy, zomato in PUC 2 [2019] , for that we required website as well as android application! We dealt with company in Hyderabad and price is 40,000. On that day I thought that why would we spend that much of amount on website! I have knowledge , laptop, internet connection and all facilities. So I decided to learn Web Development! First I learnt WordPress [best CMS], next HTML, CSS, recently I learnt JavaScript and now learning PHP ! My best suggestion is "Use resources available for you and don't bother about that you don't have, Don't waste valuable time..!" Coding is very simple, but one thing is you must have interest to do! *But we don't started any company because of some external factors, but in this journey I learnt valuable lessons! #web_ learner #letsweb

Weekly Challenge 💪 Which tag is used to add image in html file

Hello everyone 👋👋 Today we'll see how to add links. To add link to particular content (may be image , word , letter etc) , we use <a> anchor tag Let see example: <h3> To Sign Up in StuNxt <a href="https://www.stunxt.com/signup "> Click Here </a></h3> *** href : hypertext reference , which indicates the destination of link. Now challenge yourself by commenting how to add link to images

Let's see how we add images to html file..! In HTML, to add images we will use img tag. Syntax: <img src="filename.extension" alt="alternate text"> Example code: <img src="stunxt.jpg" alt="stunxt image"> To know image extension, right click on image, then properties, where you will find image property ***NOTE: make sure that image and html file is in same folder or path, in later posts we'll see deep about html paths *** <img> tag doens't have any close tag!

How To Add Text In HTML? Adding text to our HTML page is simple using an element opened with the tag <p> which creates a new paragraph. We place all of our regular text inside the element <p>. When we write text in HTML, we also have a number of other elements we can use to control the text or make it appear in a certain way. Other Key Elements They are as follows: <b> Bold - Highlight important information <strong> Strong - Similarly to bold, to highlight key text <i> Italic - To denote text <em> Emphasised Text - Usually used as image captions <mark> Marked Text - Highlight the background of the text <small> Small Text - To shrink the text <strike> Striked Out Text - To place a horizontal line across the text <u> Underlined Text - Used for links or text highlights <ins>Inserted Text - Displayed with an underline to show an inserted text <sub> Subscript Text - Typographical stylistic choice <sup> Superscript Text - Another typographical presentation style ****These tags must be opened and closed around the text in question.**** Let’s try it out. On a new line in the HTML editor, type the following HTML code: <p>Welcome to <em>my</em> brand new website. This site will be my <strong>new<strong> home on the web.</p> Read more: (referance) https://html.com/#ixzz6SqDazOKO

Good Evening Learners, Here is the weekly challenge #1 Q: What is the difference in an Opening Tag and a Closing Tag?

HTML heading tags.. In HTML, there are 6 heading sizes. Let's see them! Code: <h1>Heading level 1</h1> <h2>Heading level 2</h2> <h3>Heading level 3</h3> <h4>Heading level 4</h4> <h5>Heading level 5</h5> <h6>Heading level 6</h6> See result in below image

Hello <b>StuNxt Users</b> Let's enjoy weekly challenges...

Sketch 2 Code. Transform any hands-drawn design into a HTML code with AI. Microsoft is gonna steal some jobs 😆 https://sketch2code.azurewebsites.net/ #microsoft #ai #imageprocessing #webdevelopment https://sketch2code.azurewebsites.net/

Creating Your First HTML Webpage First off, you need to open your HTML editor, where you will find a clean white page on which to write your code. Save file name with .html extension From there you need to layout your page with the following tags. Basic Construction of an HTML Page These tags should be placed underneath each other at the top of every HTML page that you create. <!DOCTYPE html> — This tag specifies the language you will write on the page. In this case, the language is HTML 5. <html> — This tag signals that from here on we are going to write in HTML code. <head> — This is where all the metadata for the page goes — stuff mostly meant for search engines and other computer programs. <body> — This is where the content of the page goes.

Best HTML Editors..! Now that we’ve gotten the basic theory out of the way. It’s time to learn how to build our first website. First off, we must ensure that we have the right tools. Most important, we need an HTML editor. There are many choices on the market. Here are a handful of the most popular: 1.Sublime Text 3 However, for this tutorial, we will use the Sublime Text 3 as it is free and also offers cross-platform support for Windows, Mac, and Linux users. Sublime Text 3 has a mini-preview window on the right. Pros: Easily customizable Beginner-friendly Pleasant color schemes to choose from. Cons: Can’t print documents or code No toolbar or dashboard available. 2.Notepad ++ Another common choice for HTML and other language coders is Notepad ++. It is a tiny program to download and perform the functions you need for writing clean code. This is Notepad ++. Far from glamorous but does the job. Pros: Distraction-free interface Auto-completion feature Plugin options for extended functionalities. Cons: Can be difficult to get used to for beginners No support for Mac. 3.Komodo Edit Komodo Edit is one of two editors released by the same label. They offer a simple, open-source editor with a variety of extensions and language support. It is free to download. Komodo isn’t one for a flash interface either but is simple to use. Pros: Easy-to-grasp coding interface Available for Mac, Windows, and Linux Impressive language support. Cons: No autocompletion by default Visual settings are difficult to find and change #letsweb

Which one do you want to become? I'm a developer! #letsweb #web #webdevelopment