Download to read offline
Uploaded byMax Friel
Web design
The document discusses HTML and web design. HTML uses elements made up of tags to structure and layout web pages. There are two types of elements - container elements which have opening and closing tags, and empty elements which are single tags without a closing tag. The document provides examples of HTML code using common elements like <head>, <title>, <body>, headings, text formatting, and includes an example of adding an image as a webpage background.
More Related Content
![Introduction to basic HTML [Librarian edition]](https://cdn.slidesharecdn.com/ss_thumbnails/introductiontohtmllibrarianedition-130605110026-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Web design
- 1. Unit 2: WebDesign Html is the language we use to create websites. The instructions in html are made up of elements and elements are made up of tags.
- 2. Coding in html <html>is an opening tag which appears at the beginning of the code and </html appears at the end. Collectively this is know as an element.
- 3. Example Elements <Head> </head> <title></title> <body </body> <h1> </h1>
- 4. Elements There are twotypes of elements- Container elements (which are elements that have opening and closing tags. The tags are the same except the closing tag has a /. Empty elements are tags with no closing tag.
- 5. Example code Copy thisinto notepad- <html> <head> <title> Assumption </title> </head> <body> <h1> hellooooooooooo </h1> </body> </html>
- 6. Example code Now addthis into notepad- <html> <head> <title> Assumption </title> </head> <body> <h1> hellooooooooooo </h1> <h2> hello again </h2> </body> </html>
- 7. Example code Now addthis into notepad- <html> <head> <title> Assumption </title> </head> <body> <h1ALIGN = LEFT> hellooooooooooo </h1> <h2 ALIGN = RIGHT> hello again </h2> </body> </html>
- 8. Example code Now addthis into notepad- <html> <head> <title> Assumption </title> </head> <body> <H2> <TT> Revolution</TT></H2> Rotation and revolution occur <I> simultaenously </I>. The earth takes <B> 365 </B> days to complete.This is called a <U> Year </U> </body> </html>
- 9. Example code Now addthis into notepad- <html> <head> <title> Assumption </title> </head> <body> <H2> <TT> Revolution</TT></H2> Rotation and revolution occur <I> simultaenously </I>. The earth takes <B> 365 </B> days to complete.This is called a <U> Year </U> </body> </html>
- 10. Continue practicing... Go topage 30 and go through each example until page 34. Find an image on the internet that you will use as a background image for a webpage. Copy example on page 34.