Download to read offline
Uploaded byThiruvikraman Ramadoss
Learn html through programs
The document provides examples of basic HTML code and instructions to check how changes to the code affect the rendered webpage. It demonstrates how replacing <p> with <a> makes the text a hyperlink, and adding <strong> bolds the text. It also shows how <li> defines list items and <nav> creates navigation, and introduces the href attribute to <a> to define hyperlinks. The examples are intended to teach HTML syntax through experimenting with code changes and viewing the webpage output.
![#3 HTML & CSS [know-how]](https://cdn.slidesharecdn.com/ss_thumbnails/html-know-how3-180511205559-thumbnail.jpg?width=640&height=640&fit=bounds)
Learn html through programs
- 1. Learn HTML throughprograms. Paste the codes in a note pad and open in a browser to check how the web page appears. Learn from the code and webpage
- 2. Just to Start..Check what appears on the webpage <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <p>Hello world!</p> </body> </html>
- 3. Check.. What changeswhen you change <p> in the previous program to <a> <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <a>Hello world!</a> </body> </html>
- 4. <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <a><strong>Hello world!</strong></a> <nav><ul> <li ><a >home</a></li> <li><a >portfolio</a></li> <li><a >blog</a></li> <li><a >contact</a></li> </ul></nav> </body> </html> Check.. What happens with <strong>.. Also what is the function of <li>
- 5. <!DOCTYPE html> <html> <head> <title>Hello World</title> </head> <body> <ahref="#"><strong>Hello world!</strong></a> <nav><ul> <li class="active"><a href="#">home</a></li> <li><a href="#">portfolio</a></li> <li><a href="#">blog</a></li> <li><a href="#">contact</a></li> </ul></nav> </body> </html> Check.. What happens with <a href=#>..
- 6. Will be continued •Thanks