How to Edit HTML in Place
HyperText Markup Language, or HTML, is the language of the internet. Editing this language can seem a daunting task, but it can fairly quickly achieve a competent level of editing if you have access to the HTML of a page and knowledge of some basic symbols.
Instructions
-
-
1
Find the lines of HTML that you want to edit. Notice that each line is numbered. Generally the order of these lines dictate how things will look from the top to the bottom of the page and, when there are more than one element moving horizontally across the page, from left to right. Note, however, that each numbers refers to a command, and does not necessarily correspond to a place on the final page. In other words, if there is a lot of complexity at the top of the page, the 50th line of HTML might only be an inch from the top of the screen.
-
2
Edit the lines of HTML to have them create the effects that you want. These are some basic symbols: <h1> starts a heading and </h1> ends a heading; <h2> starts a subheading and </h2> ends a subheading; <p> starts a paragraph. You also need to learn to keep your edits at the title level or below: do not alter the <html> or <head> commands in any way, since this could drastically change the web page. You can edit the title as long as you change only the text and not either end of the <title> command. Rather, stick to what's in the <body>. Perhaps you would like to change the main heading of the page? Click between the two <h1> symbols and rewrite the title.
-
-
3
Do the same with any other text or structural commands you want to change. Go inside <p> markers and edit paragraphs. Add emphasis--italics or bold--by placing text between <em> commands. Organize your page using <h2> or <h3> commands. For more commands and a host more information, check the reference listed below.
-
1
Tips & Warnings
It is easy to hit the wrong button and mess up a web page badly. Be sure that you know how to undo a command on the computer you are using. It is "Command-Z" for Macintosh and "Control-Z" for PCs.
References
Resources
- Photo Credit internet image by Soja Andrzej from Fotolia.com