HTML Lesson 4
?Download as PPT, PDF?
0 likes?6,896 views
The document discusses two methods for organizing images and linking to different sections of an HTML page. It recommends placing images in a subfolder to keep files organized. When linking images, the src attribute path should start from the webpage folder. The document also introduces named anchors, which allow internal links to specific sections on a page without scrolling. This is done with a LINK element linking to the NAMED element, which has a name attribute matching the href in the LINK.
HTML Lesson 4
- 2. Pictures in a sub folder ? Sometimes it easier to put all your pictures in a subfolder (folder inside your project folder) Project 4.hml pictures folder Picture 1 Picture 2 Picture 3 YOUR PROJECT 4 FOLDER
- 3. Pictures in a sub folder ? In the <img> tag, you need to tell the browser where to find the picture (starting from where to web page is) ? <img src=/slideshow/html-lesson4/44999568/¡°PictureFolderName/YourPicture.jpg¡± /> ? Example: <img src=¡°pictures/me.jpg¡± />
- 4. LINKS TO DIFFERENT SECTIONS ON A PAGE About Me Sports Hobbies Hello, I¡¯m a student at Tualatin HS. I¡¯m 15 and am taking Algebra, freshman English, earth science, and social studies. I love running. I¡¯ve been on a track team since grade school. I run 5 miles a day and plan on running the Shamrock in a couple of weeks. My dream is to run in the Boston Marathon. I like to read and listen to music in my spare time. I¡¯m going to Sasquatch in a few months and love the Decemberists! ?Use this so the user doesn¡¯t have to scroll down on the page to see different sections
- 5. LINKS TO DIFFERENT SECTIONS ON A PAGE ? Called Named Anchors (each link has 2 parts) ? Look Like this ¨C LINK <a href="#NAME">Text to act as hypertext</a> ¨C NAMED <a name="NAME¡° />Text to Link To About Me Sports Hobbies Hello, I¡¯m a student at Tualatin HS. ¡. I love running¡. <a href=¡°#Me¡±> About Me </a> <a href=¡°#Sports¡±> Sports </a> <a href=¡°#Hobbies¡±> Hobbies </a> <a name=¡°Me¡± />Hello, I¡¯m a students at Tualatin HS. <a name=¡°Sports¡± /> I love running
- 6. LINKS TO DIFFERENT SECTIONS ON A PAGE ? Called Named Anchors (each link has 2 parts) ? Look Like this ¨C LINK <a href="#NAME">Text to act as hypertext</a> ¨C NAMED <a name="NAME¡° />Text to Link To About Me Sports Hobbies Hello, I¡¯m a student at Tualatin HS. ¡. I love running¡. <a href=¡°#Me¡±> About Me </a> <a href=¡°#Sports¡±> Sports </a> <a href=¡°#Hobbies¡±> Hobbies </a> <a name=¡°Me¡± />Hello, I¡¯m a students at Tualatin HS. <a name=¡°Sports¡± /> I love running