Intro to HTML/CSS for journalism students
Four reasons why journalism students need to know basic HTML/CSS
- So you can trouble shoot your own blog/website.
- It is on the “essential list” of journalism skills (and many internships and entry level jobs require it).
- It’s not that hard.
- Even if you never write a line of code, you need to be able to communicate with those who do.
Html power point from markbg
The “Must Know” HTML List
<html>– Tells the browser that this is an HTML document.<head>– Container for all the head elements, like title, scripts, styles, meta information. Much of it is not visible in a browser.<title>– Defines the title of the document and displays it at the top of the browser.<body>– Defines the document’s body and contains all the contents of an HTML document, such as text, hyperlinks, images, tables, lists, etc.<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.<p>– Defines a paragraph<br />– Inserts a single line break.<i>or<em>– Displays in italic.<b>or<strong>– Displays in bold.<ul>– Defines an unordered list, like bullet points.<ol>– Defines an ordered list, like 1., 2. 3.<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><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><!>– 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.<style>– Defines how HTML elements should appear in a browser and links to CSS. Each HTML document can contain multiple