HTML Training in Kannada | ಕನ್ನಡದಲ್ಲಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ತರಬೇತಿ

HTML FOR WEB DEVELOPMENT: BUILDING THE BONES OF YOUR WEBSITE

Hypertext Markup Language, or HTML, is a programming language used to describe the structure of information on a web page. Together, HTML, CSS, and JavaScript make up the essential building blocks of websites, with CSS controlling a page’s appearance, and JavaScript programming its functionality. You can think of HTML as providing the bones of a web page, while CSS provides the skin, and JavaScript provides the brains.

• A web page can contain headings, paragraphs, images, videos, and many other types of data. Front-end developers use HTML elements to specify what kind of information each item on a web page contains — for instance, the “p” element indicates a paragraph. Developers also write HTML code to specify how different items relate to one another in the overall structure of the page.
• Every website you open in your browser, from social networks to music services, uses HTML. A look under the hood of any website would reveal HTML code providing structure for all the page’s components.

HOW HTML WORKS IN A WEB PAGE

• HTML plays a couple of significant roles in a web page. First, we use the structure created by our HTML code to reference, enhance, and manipulate elements on a web page using CSS and JavaScript. For instance, you could use HTML to mark all of the headings on a web page, and then use CSS to specify the font, size, and color you want to apply to those headings to reflect your organization’s branding, or simply a visual design developed for the site.
• Second, HTML lets us indicate the roles of different elements to search engines and other services that index the content and summarize it for other users. For instance, marking the caption of an image with the “figcaption” element and enclosing the image and its caption in the “figure” element helps a search engine understand that these two pieces of content are related, and that the caption describes the associated image.

LEARNING HTML AT GENERAL ASSEMBLY

• Whether you want to land a job as a front-end or full-stack web developer, or just want to dip your toe into programming, HTML is a natural place to start. Learning HTML, along with CSS and basic JavaScript, provides you with the fundamental skills necessary to create your own interactive single-page website.
• In GAs part-time courses in Front-End Web Development and HTML, CSS & Web Design, and our career-changing, full-time Web Development Immersive program, you’ll get hands-on practice coding your own projects, from static personal and business websites to single-page applications like games and interactive photo galleries.
• These projects give you practice using basic HTML tags and structuring pages with different components, including headers, footers, sidebars, and navigation.
• You’ll also code CSS and JavaScript, and learn how to put all three together to build websites that implement modern standards and use best practices for front-end development.

Front End Technologies in the Developer “Stack” 

The front end stack is made up of many different languages and libraries. While these vary from application to application, there are only a few generic languages understood by all web browsers. These three main front-end coding languages are HTML, CSS.

Together, they create the underlying scaffolding that web browsers use to render the web pages that we interact with every day. All other libraries and front-end engineering are built upon these three main languages, which makes them must-have skills for any front-end developer.

In fact, you can think of a webpage like a house. The initial UX design is the blueprint. HTML is the basic structure of the house. The CSS is the paint, fixtures, and other aesthetic decisions that make the house look attractive. And finally, JavaScript is the inner workings of the house (lights, heating, water) that we, the owner or renter, use and enjoy.

HTML

• HTML is the first layer of any website and creates the code version of a wireframe on a webpage.
• These wireframes exist for the styles in CSS and all the bells and whistles in JavaScript.
• The letters in HTML stand for Hypertext Markup Language.
• The markup piece of the name is the most important to remember, as markups are the proper name for HTML elements, which are also called HTML tags.
• HTML as a whole is the markup that creates the basic elements we view on a website.
• However, it’s important to remember that HTML isn’t particularly intelligent.
• It doesn’t make decisions or capture information on its own.
• It simply renders the scaffolding of the web pages.

CSS

• Cascading Style Sheets, or CSS, is what gives our HTML visual appeal and draws in the user. To put it simply, style sheets dictate the presentation of HTML elements on a page.
• CSS is what makes everything not look like a white background with a bunch of Times New Roman texts and blue hyperlinks.
• Have you ever tried to load Amazon on a bad day and see nothing but a white page with a huge list of black texts, some blue links and nothing else.
• That’s Amazon loading without styles. Styles are what transition beautiful designs onto a site.A new trend with styling is to use what is called a CSS pre-processor.
• These include Less, Sass and stylists.
• Pre-processors are scripting languages that compile to CSS for the browser and are very popular as they expedite the development process.
• They accommodate some programming logic.CSS pre-processors consolidate styling through “usability” and scale easily for use with large websites.
• Most front-end engineers of all levels have experience with pre-processors due to their power and flexibility to suit all scenarios, from building small single-page websites to enterprise applications such as Groupon or NBCUniversal.