Styling Media and Text in HTML
Important Suggestions
It is not recommended to style in HTML, unless it is a small static site, but in a rush it can come in handy. Some of the style features in HTML such as border color, text decoration, and blinking text, show people your inadequacy in website design, so try a different approach.
Lesson
To apply styles to HTML directly, you have to embed the styles directly into into the tags of the text or image. In the tag you affix the word style="", the styles are the exact styles offered by CSS for more information visit Dreamweaver Information Index
- STEP 1 - Changing text color and decoration
<p style="color:blue">Hello, World!</p>
In the code panel find a piece of text that you want to change, and click on the tag right after its declaration. In my example I am using a <p> tag, type within your tag the following. To add text decoration to the text simply change the style within the quote, if you have a newer version of Adobe Dreamweaver, it will span a pull down menu of all the choices. If you don't know the CSS properties please click on the link above "Dreamweaver Information Index" and visit the CSS Properties section.
- Step 2 - Adding decorative borders to Images
After you have inserted the image (<img src="PATH">) click at the end of the deceleration and enter style=""once again a menu will spawn, prompting you to select the style of your choice.
- Step 3 - Positioning elements
In the tag that you wish to position add the following: align="". Although few, the following commands will do the job:- Center: Text lines are centered.
- Justify: Text lines are justified to both margins.
- Right: Text lines are rendered flush right.
- Left: Text lines are rendered flush left.
- Conclusion
You know...- how to format and color text.
- how to apply styles to text.
- how to add borders around images and other media.
- how to postion media in the desired spots.
Questions or Comments? Hit the "Questions/Help" tab
You need to log into your account to post comments!Sign In
