- Public Group
- Education
Recent Updates
- 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
*FirefoxCSS 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
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 webpageHTML 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/2YPDwXODo 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 #webdevDo 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!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 #webdevHello 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 #webdevHow 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
<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 #webdevHow 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 #webdevHello 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 - Hello Guys...
Today we work with HTML text,
See below pic to understood.
To get live preview , Visit: https://codepen.io/kirannani/pen/QWNKNBmHello 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 #webdevBest 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 #backend10 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/XWddoVYHello 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 - 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 #webFor 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 - 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 sessionsHello.. 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 sessionsFile Type: pdf - 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/zYqOoJyHelloo... 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 - 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!!!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 previewGood 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 postsLets 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 #letswebHello 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 - 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 imagesHello 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!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/#ixzz6SqDazOKOHow 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 - 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 imageHTML 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 - 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/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.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
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 #webdevelopment0 Comments 0 Shares
More Stories