Downloaded 122 times
More Related Content
![HTML - Linking[1].ppt it is for class 10 students](https://cdn.slidesharecdn.com/ss_thumbnails/html-linking1-250731044703-47dac291-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Links in Html
- 1. HYPERTEXT MARKUP LANGUAGEWEBENGINEERING LAB-3
- 2.
- 3. Using the ANCHORtagThe anchor element <a> is used to create links.<a href=“url” title=“text”> description </a>
- 4. External Link <ahref=“http://www.yahoo.com”> Yahoo! </a> Anchor element’shrefattribute is used to specify the Hyperlink Reference (that is, a reference to link’s address).
- 5. When linking toan external document, it is essential to provide http:// otherwise the link will not work.TRY IT !
- 6.
- 7. Observe the outputDidyou notice that there is a space after heading but not after the links?
- 8. Types of HTMLelementsInline elements: have no line breaks associated with the element and flow horizontally using a soft line break when reaching the edge of its parent element. Block-level elements: place a line break before and after the element. Such elements stack vertically on top of each other.
- 9. Understanding paths9prepared by:Meer SadafNaeemThere are two types of pathnames: relative & absolute.Absolute path specifies a file’s precise location within a computer’s entire folder structure.courseC:/course/bcit/intro.htmlsebcitindex.htmlclass1list.htmlintro.htmlchem.htmlmath.htmleng.html
- 10. Absolute path specifiesa file’s precise location within a computer’s entire folder structure.courseC:/course/bcit/class1/eng.htmlsebcitindex.htmlclass1list.htmlintro.htmlchem.htmlmath.htmleng.html
- 11. Relative path specifiesa file’s location in relation to the location of the current document.coursesebcitindex.htmlclass1list.htmlintro.htmlchem.htmlmath.htmleng.html
- 12. If the fileis in same folder as the current document, you do not specify the folder name. contact.htmlcoursesebcitindex.htmlclass1list.htmlcontact.htmlintro.htmleng.htmlchem.htmlmath.html
- 13. If the fileis in a subfolder of the current document, include the name of the subfolder followed by the file name.class1/math.htmlcoursesebcitindex.htmlclass1list.htmlcontact.htmlintro.htmleng.htmlchem.htmlmath.html
- 14. To go onelevel up the folder tree, start the relative path with a double period (..) & then provide the name of the file../index.htmlcoursesebcitindex.htmlclass1list.htmlcontact.htmlintro.htmleng.htmlchem.htmlmath.html
- 15. To specify thesame folder on same level (sibling folder), move up the folder tree using double period (..) & then down the tree using the name of the sibling folder.../se/list.htmlcoursesebcitindex.htmlclass1list.htmlcontact.htmlintro.htmleng.htmlchem.htmlmath.html
- 16. Internal Link <ahref=“file.html”> Go to next page</a> In href, specify the relative path of the document to which you want to link.Labeling to document fragments <a name=“top”> Welcome to NED</a> topPage is scrolled to the location named top<a href=“#directions”> go to top of the page</a> Go to top
- 17. Labeling sections withthe name attribute <a name=“top”> Welcome to NED</a> the name attribute allows links to be able to point to a specific section within a document (instead of links always leading to the top of a document).
- 18. Once you havenamed a location in the document, you can go to that location taking a normal link tag & adding a number sign (#) & the name assigned to the URL.<a href=“#top”> go to top of the page</a>
- 19. Creating titles foryour links <a href=“http://www.yahoo.com” title=“Yahoo website”> Yahoo! </a> title attribute allows an advisory title that explains the resource in more detail.
- 20. Browsers may choosedifferent methods of showing the advisory title attribute, such as displaying the title in a tool tip or balloon help.Changing browser windows with target attributeBy default, each new page you open replaces the content of the previous page in the browser window.
- 21. To return theprevious page, one has to click their browser’s Back button.
- 22. target attribute indicatesthe name of window where you would like the linked page to appear.target attribute <a href=“url” target=“window”> content</a> Here window is a name assigned to the new browser window.target attributeThe browsers that obey target attribute, create a new windows that look as if an extra copy of the browser is running.
- 23. The old windowis located behind the new window, & the old page that contained the link will still be visible, if the browser does not take up the full screen. If a browser does take up the full screen, then the only way to see the old window is for the user to switch windows & go back to old page.Linking to email addresses <a href=“mailto: emailaddress”> …….</a> Anchors can also link to email addresses.
- 24. When someone clickson this type of anchored link, their default email program initiates an email message to the linked address.
Editor's Notes
- #10 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.
- #11 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.
- #12 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.
- #13 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.
- #14 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.
- #15 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.
- #16 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.
- #17 Always try to use relative paths for your links. By doing so, even if you move your document or files to another computer, the link will still work.