WEEK 3 - HTML Structure NOTES
Markup langage is wrapped around content.Text has <p> tags
Image has <img> tags
HTML page has 2 main parts:
<head> and <body>
Document declaration is in the <head> section.
The doc declaration informs the browser what type of HTML is being used, so its displayed correctly.
Using XHTML 1.0 Transitional is more complex but allows easy transition to HTML5.
Attributes: Are contained within a tag to provide additional information, ie url links.
Elements: Are marked by tags, making up the page, everything in between the tags is the element.
Nesting: Whatever order the tags are in, they are closed in reverse order.
New HTML tags
<img> - image
<title> - title
<meta> - meta description for page (used by search engines)
<br /> - break page, single tag
<div> - divide page, move and style that section (used with CSS) Block Level Element
<span> - isolate text, puts invisible division around text (used with CSS) Inline Level Element
<ul>, <ol>, <li> - list tags
<a> tag: mailto link
<!--commenting--> for important notes for future reference
Lists are either unordered list <ul></ul> BULLETS or ordered list <ol></ol> NUMBERED/LETTERED.
Within either of these are list items <li></li>
Email link: Uses the anchor tag, the hypertext reference, email link, actual email.
WEEK 2 - HTML Basics NOTES
Looked at opening Dreamweaver and setting it up for XHTML 1.0 Transitional
"XHTML 1.0 Transitional = This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML." [http://www.w3schools.com/tags/tag_doctype.asp]
Typing in the Code area in between the body tags.
The headings are 1, 2, and 3 - 1 being the most important.
Shortcuts - CTRL + S (PC), CMD + S (MAC)
Save file as index.html and set up a good file structure.
Chrome is the most standards-compliant browser to use.
Anchor element <a/> is an inline element that should always appear within a block element such as a paragraph.
Add hyperlinks from one page to another page by using a pair of anchor tags, <a></a>, with the href (hypertext reference) attribute and the path of the linked file.
HTML,XHTML & CSS Quick Steps Guy Hart-Davis 006.74 HAR
Simple tags
<h1></h1> most important heading
<h2></h2> heading
<h3></h3> heading
<p></p> paragraph
<a></a> anchor
<strong></strong> bold
<em></em> italic
No comments:
Post a Comment