INTRODUCTION TO WEB PROGRAMMING OBJECTIVES TO DEFINE PROGRAMMING AND ITS BRIEF HISTORY TO DEFINE AND UNDERSTAND THE USAGE OF THE FOLLOWING: WEB PROGRAMMING HTML ELEMENTS CODE DISCUSSION PROGRAMMING I MPL EMENTATI ON OF L OGI C TO FACI L I TATE S PECI FI ED COMPUTI NG OPERATI ONS AND FUNCTI ONAL I TY. Source: https://www.techopedia.com/definition/13128/programming HISTORY CONSIDERED AS THE FIRST COMPUTER PROGRAMMER. THROUGH CHARLES BABBAGE'S ANALYTICAL ENGINE, SHE REALIZED THAT A COMPUTER CAN FOLLOW A SERIES OF SIMPLE INSTRUCTIONS, PROGRAMS, TO PERFORM COMPLEX CALCULATIONS. Ada Lovelace WEB PROGRAMMING REFERS TO THE WRITING, MARKUP AND CODING INVOLVED IN WEB DEVELOPMENT, WHICH INCLUDES WEB CONTENT, WEB CLIENT AND SERVER SCRIPTING AND NETWORK SECURITY. https://www.techopedia.com/definition/23898/web-programming HYPERTEXT MARKUP LANGUAGE (HTML) BASIC BUILDING BLOCKS OF THE WEB. MEANING AND STRUCTURE OF WEB CONTENT CONSISTS OF ELEMENTS THAT TELL THE BROWSER HOW TO DISPLAY THE CONTENT. KEYWORD: STRUCTURE HTML ELEMENTS CONSI ST OF START TAG, CONTENT, AND A CLOSI NG TAG Structure <tagname>Content goes here...</tagname> or <tagname> COMMON TYPES OF HTML ELEMENTS <!doctype html> <html></html> Document type declaration. It tells the browser what version of HTML the document is written so that the browser knows what to expect. This tag is also commonly referred to as the <!DOCTYPE> element. The <html> tag represents the root of an HTML document. The container for all other HTML elements COMMON TYPES OF HTML ELEMENTS (CONTINUATION) <head></head> <body></body> Container for metadata (data about data) Metadata - is not displayed It consists of the document titles, character sets, styles, scripts, and other meta information. most commonly used: <title></title> tag The <body> tag defines the document's body. Contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc. COMMON TYPES OF HTML ELEMENTS (CONTINUATION) Headings tag <h1></h1> to <h6></h6> <p></p> <br> Define HTML headings. They rank in order of importance <h1> defines the most important heading. <h6> defines the least important heading. The <p> tag defines a paragraph. Browsers automatically add a single blank line before and after each <p> element. The <br> tag inserts a single line break. Useful for writing addresses or poems Empty tag which means that it has no end tag. CODE DISCUSSION LET'S CODE ALONG!!! TOOLS NEEDED CODE EDITORS BROWSER (EX: GOOGLE CHROME, MICROSOFT EDGE, MOZILLA, SAFARI, OPERA, ETC.)
