Basic intro to HTML/CSS for journalists

Four reasons why journalism students need to know basic HTML/CSS

1. So you can trouble shoot your own blog/website.

2. It is on the “essential list” of journalism skills (and many internships and entry level jobs require it).

3. It’s not that hard.

4. Even if you never write a line of code, you need to be able to communicate with those who do.

The “Must Know” HTML List
You must be able to identify, understand, and write the following HTML code. (Use this Quick List for reference.)

1. <html> – Tells the browser that this is an HTML document.

2. <head> – Container for all the head elements, like title, scripts, styles, meta information. Much of it is not visible in a browser.

3. <title> – Defines the title of the document and displays it at the top of the browser.

4. <body> – Defines the document’s body and contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.

5. <h1>, <h2>, <h3>, <h4>, <h5,><h6> – Used to define HTML headings. <h1> defines the most important (or biggest) heading; <h6> defines the least important (or smallest) heading.

6. <p> – Defines a paragraph

7. <br /> – Inserts a single line break.

8. <i> or <em> – Displays in italic.

9. <b> or <strong> – Displays in bold.

10. <ul> – Defines an unordered list, like bullet points.

11. <ol> – Defines an ordered list, like 1., 2. 3.

12.<a> – Defines a hyperlink, which is used to link from one page to another.

The proper formatting for a hyper link is <a href=”http://www.example.com/”>Link text goes here</a>

13. <img> – Defines an image. It has two required attributes: src and alt.

The proper formatting for an image is <img src=”URL of the image” alt=”Alternate Text is displayed if image can’t be found” /></a>

14. <!> – Places a comment in the code. It isn’t visible in a browser, but includes information for others who are using or modifying the code.

15. <style> – Defines how HTML elements should appear in a browser and links to CSS. Each HTML document can contain multiple <style> tags.

This is just the beginning. You want – and need – to know more. But it’s a place to start.

HTML/CSS coding tutorials
Introduction to HTML, w3schools.com
Introduction to XHTML, w3schools.com
Introduction to CSS, w3schools.com
Introduction to HTML5, w3schools.com
HTML Quick List, w3schools.com

Advertisements
This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s