Beginning HTML and CSS with codelent

welcome to the world of programming...

On this chapter we will be discussing the introduction of  htlm and css.

Get started by installing the following tools on your android and pc.

 for pc make sure you have :

Notepad or any simple text editor.

for andriod make sure you have or download

WPS office on your device.

INTRODUCTION TO HTML

 (HTML) means Hypertext Markup Language

HTML (Hyper Text Markup Language) is the language used to create web page documents. There are a few versions of HTML in use today: HTML 4.01 is the most firmly established and the newer, more robust HTML5 is gaining steam and browser support. Both versions have a stricter implementation called XHTML "(eXtensible HTML)", which is essentially the same language with much stricter syntax rules.

HTML is not a programming language; it is a markup language, which means it is a system for identifying and describing the various components of a document such as headings, paragraphs, and lists. The markup indicates the document’s underlying structure (you can think of it as a detailed, machine readable outline). You don’t need programming skills—only patience and common sense—to write HTML.

The best way to learn HTML is to write out some pages by hand, as we will be doing in the exercises in this book. If you end up working in web production, you’ll live and breathe HTML. But even hobbyists will benefit from knowing what is going on under the hood. The good news is that it’s simple to learn the basics.

NOTE : ALL HTML FILE ARE SAVED WITH " .html"

 INTRODUCTION TO CSS

 (CSS ) SIMPLE MEANS Cascading Style Sheets

 While HTML is used to describe the content in a web page, it is Cascading Style Sheets (CSS) that describe how that content should look.

 In the webdesign biz, the way the page looks is known as its presentation. That means fonts, colors, background images, line spacing, page layout, and so on… all controlled with CSS. With the newest version (CSS3), you can even add special effects and basic animation to your page.

CSS also provides methods for controlling how documents will be presented in contexts other than the traditional desktop browser, such as in print and or on devices with small screen widths. It also has rules for specifying the non-visual presentation of documents, such as how they will sound when read by a screen reader (although those are not well supported).

Style sheets are also a great tool for automating production because you can change the way an element looks across all the pages in your site by editing a single style sheet document. Style sheets are supported to some degree by all modern browsers.

Although it is possible to publish web pages using HTML alone, you’ll probably want to take on style sheets so you’re not stuck with the browser’s default styles. If you’re looking into designing websites professionally, proficiency at style sheets is mandatory.

happy coding season.

our next chapter will base on the how to start writing an" html" file.

how to add common css code on our html file.

thanks for visiting and enjoy our post.