Google chrome developer and tags
•Télécharger en tant que PPTX, PDF•
0 j'aime•705 vues
chrome developer and tags basics
Recommandé
Contenu connexe
En vedette
En vedette (20)
Similaire à Google chrome developer and tags
Similaire à Google chrome developer and tags (20)
Plus de greg robertson
Plus de greg robertson (20)
Dernier
Dernier (20)
Google chrome developer and tags
- 1. Using Developer in Google Chrome to create and edit HTML
- 2. Obtain your HTML files for editing by: 1. navigating to the student share directory 2. then to the IST folder 3. then to the “student html docs” folder 4. copy the “student html docs” folder and paste to your home folder.
- 3. Getting started Open chrome and then open the “student html docs” folder.
- 4. In Google Chrome to access the Developer Tool: Select the three line icon The drop down menu expands to provide a selection of options. Choose “Tools”
- 5. The further option appears Now select “Developer tools”
- 6. Coding area in Google Chrome All the coding is completed here and will appears in the window above. All that you wish to Appear on the page Is typed between the tags <body> </body>
- 7. Two steps are here: 1. Right click in between the body tags 2. Select “Edit as HTML”
- 8. Examples of coding The text that you type will appear here in the window above the console Right click on the tags and start typing
- 9. See the effect of the tag By adding the tag <font color=red> I have changed the Colour of the text to red. I must close the tag using </font color> or the tags attributes will continue, in this case everything passed the word html will be red.
- 10. Adding an image to your page My image on the page This tag is used to place an image within the html file and looks like <img src=“locationfilename.jpg”>
- 11. Tags that you can use in your HTML file A tag that you wish to appear on your page must be placed between the two body tags, the opening <body> and closing tag </body>.
- 12. Essential tags for html Formatting tags
- 13. Tags that create links Tags that colour
- 14. Tags to use with images Tags for additional options
- 15. Useful sites for HtmL http://www.w3schools.com/html/default.asp http://www.computerhope.com/htmcolor.htm#03 http://www.htmlcodetutorial.com/ Advanced for later http://www.dynamicdrive.com/