BASIC HTML
Notes:
Basic html tags often seen when short-cut Web editor tools
are used –- to start a page or to insert in-line code on a page:
A document declaration, followed by these structural tags,
are used to start and end your page:
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Here are other tags you’ll use over and over:
<b>bold these words</b>
<strong>bold these words</strong>
<i>italicize these words</i>
<em>italicize these words</em>
<br /> this break tag drops your text to the next line
<p>The p tag is used to create a line of space on a
page, for new paragraphs, for instance. </p>
You can also use the p tag to center text: <p
align=center> center</p>
<a href=”http://www.merrill.umd.edu”>This
gives you a link to another site; in this case, the College of
Journalism</a>
To write an email link, do this:
<a href=”mailto:richmurphydc@gmail.com ”>richmurphydc@gmail.com</a>
<a href=”mailto:richmurphydc@gmail.com ”>richmurphydc@gmail.com</a>
To set up an unordered list of bullets, use UL and LI tags:
<ul>
<li>apples</li>
<li>peaches</li>
<li>pears</li>
</ul>
To pull an image (photo or graphic) onto a page, use the
image source tag; this would call in a picture that’s 250 pixels wide and 250
pixels tall:
<img src=”URL GOES HERE” width=”250” height=”250”
alt=”descriptive info goes here” />
Text sizes can be designated with tags ranging from h1, the
largest, to h6, the smallest.
<h1>large headline size</h1>
<h6>small text, often used for captions or photo
credits</h6>
You can add attributes to center the headline:
<h1 align=”center”>This centers a large
headline.</h1>
To create a horizontal rule, use an HR tag. The following
tag centers the rule, over half of the width of your screen:
<hr width=”50%” align=”center” noshade />
We’ll be looking at how cascading style sheets (CSS) can be
used to control the size and font styles of text on a page or multiple pages,
as well as to control the design of a page.
--Chris Harvey
(Adjunct instructors
at UMD’s College of Journalism may Xerox for classroom use.)
###
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.