Using Markup Languages
Slide Deck | Lecture Podcast | Lecture Notes
Topics
|
|
Frequently Asked Questions
Do I need the <!DOCTYPE> and <html> tags when I embed HTML content in my web tool?
- No. You are embedding the HTML code within an HTML page, so your web publishing tool (Weebly, Zoho, Wix) already provides these tags.
- This is most commonly due to your HTML being not well-formed. Most likely you forgot to close a tag or you nested them incorrectly. For example, be sure to close your <table> tags and <img> tags.
- You forgot to close some tag, such as <table> or <tr> or <td>. Remember that every tag must have a matching closing tag. Check your HTML carefully. This process is called "debugging your code". It can be fun, but also really frustrating; it's like solving a puzzle. Some people like this and some really hate it. If you like it, consider majoring in Computer Science.
- Use embedded CSS or HTML tables. See the slide deck on how to use <div> to get multi-column lists. Here's another (better, but more complicated) way: Approach 1 | Approach 2 with CSS | Approach 3 with DIV
- You need to use <ul style="margin-left:20px"> as your bulletted list. It appears that Weebly is modifying the style to have a negative margin which causes the bullets to be cut off.
- Weebly already provides a style sheet, so the only way you can modify the style is with embedded styles.
- Specify width="100%" for you <img> tag. If the height is too big, use height="125px" or something that suits your image. Note that width and height can be specified as % or px. % means that it's some percentage of the width or height of the page while px is a fixed width or height in pixels (dots). Here's some sample code for an image that stretches across the entire page: