1 / 10

Introduction to html

This module introduces the fundamentals of HTML (HyperText Markup Language), explaining its structure and importance in web development. You'll learn about the basic elements, including tags that define page structure, and how to format text using HTML. Discover the simplicity of using plain text editors like Notepad and TextEdit to write HTML. We'll cover essential tags such as <html>, <head>, <title>, and <body>, as well as how to create paragraphs and headings. Complete a practical assignment by creating a basic HTML page and sharing your experience.

gram
Télécharger la présentation

Introduction to html

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to html ENGL 307 March 28th, 2012

  2. What is HTML? Hyper Text Markup Language

  3. What is this sorcery? • HTML is made up of elements • These elements indicate structure • Structure and content are two separate monsters • The tools used to build pages can be no frills and are usually built right into the computer

  4. Tools • Notepad (Windows) • TextEdit (Mac) • TextWrangler (Mac) • jEdit (Windows and Mac) • Notepad++ (Windows)

  5. Why HTML is Awesome • It uses plain text • It works on all computers • It describes what documents mean • It’s easy to learn the basics • It’s free (Harris, 2011)

  6. Meet the Tags • Tags are what separate elements from one another • Start with a < and end with /> • Basic foundational tags: • <html> </html> • <head> </head> • <title> </title> • <body> </body>

  7. Building a Page

  8. Adding Text • Starting a new paragraph • <p> </p> • Paragraph alignment • <p align=“center”> </p> • Line breaks • <br> </br> • Headings • <h1> </h1> and so on

  9. Formatting Text • <strong> is for text that has strong importance • <b> is for text that should be presented in bold but doesn’t have greater importance (i.e. keywords) • <em> is for words that have emphatic stress • <i> is for text that should be in italics but has no extra emphasis

  10. Assignments for Next Class • Readings and tweets (posted to course site) • Make a basic page in HTML and screenshot it. Post it to your blog with a write up of the process. Be ready to discuss these in groups next class.

More Related