Website ==> Collection of web pages Web page ==> Collection of Web elements Web Element ==> an HTML Element HTML Introduction: ================== HTML ==> Hyper Text Markup Language ==> Syntax of HTML is completely with "tags". Syntax for tag: ex: ==> a tag ==>

==> p tag ==> ravi tag ==> HTML we can use to develop web pages. Webpages ==> web elements like: Links, paragraphs, headings, images, list, tables etc. ==> For the webpage/website: the appearance can be defined with HTML. Java/Python ==> Syntax based programming Syntax ==> Statement Limitation: ============ we can't define styles to the webpage/website using an HTML. Styles: padding, border, margins, background, color etc. Markup Language: =============== the language with tags ex: HTML, WML, SGML etc. Hyper Text: =========== we can make the transfer from one page of text to another page of text or one server to another server. HTML Features: ============== 1) Easy language 2) HTML code execute on the client (browser) 3) Can support all the browsers. 4) Case Insensitive Programming language. ex: ==> lower case text ==> upper case text 5) Standard Programming language W3C ==> World Wide Web Consortium 6) HTML file can created with an extension of ".html" Syntax: file-name.html 7) Interpreter dependent language. Translators: =========== High level instructions ==> low level instructions Compiler Interpreter program: { ==== println(); array(); ==== } ==> compiler, will divide the total amount of code into multiple blocks definition{ 1 2 3 } println(){ 1 2 3 4 } array() { 1 2 3 4 } interpreter ==> cannot divide the total program into multiple blocks ============================================================= CSS ==== ==> Cascading Style Sheets ==> Property based language. that every property in CSS must be with at least one value Syntax: property-name : value; Ex: color : blue; padding : 2px; ==> CSS can use to make the HTML document (web document) more beautiful. Limitation: ========== The CSS and HTML cannot able to define the functionality. JavaScript: =========== to the web app, define the functionality "JavaScript" can be used. ======================================= History of HTML: ================ ==> Tim Berners Lee 1991 Different Versions: HTML 1.0 ==> 1991 HTML 2.0 ==> 1995 HTML 3.0 ==> 1997 HTML 4.0 ==> 1997 HTML 5.0 ==> 2014 HTML 5.1 ==> 2016 HTML 5.2 ==> 2017 HTML 5.3 ==> 2020 ============================================= HTML Program Architecture: ========================== ==> start point External Information which is for relevant to the browser main content, what we want to display as web content ==> close point HTML tags: classified into two types: 1) Paired Tags must be with open and close tags Syntax: Context ex:

Ravi Kumar

2) Unpaired Tags should be with only open tags ==> self-closing tags. Syntax: Syntax: etc. ==> doesn't require any content to display. tag: ============== ==> Unpaired tag used to specify the type of the markup language. Syntax: ==================================== ==> To write any HTML code: three steps: 1) Create the HTML file 2) Write the HTML Code My First Web Development Hi Good Morning Welcome To Ashok IT. ==> close point 3) Run the HTML code