CTE Camps

Learn by Doing

Beginning HTML 

File Structure

How do I write HTML on Mac?

Create an HTML file

1. In the TextEdit app on your Mac, choose File > New, then choose Format > Make Plain Text.

2. Enter the HTML code.

3. Choose File > Save, type a name followed by the extension . html (for example, enter index. html), then click Save.

4. When prompted about the extension to use, click “Use . html.”

HTML headings are defined with the <h1> to <h6> tags:

Example

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

Example

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

HTML Links

HTML links are defined with the <a> tag:

Example

<a href="http://www.w3schools.com">This is a link</a>

***Google how to add a header, a footer and some menu links.***

From w3schools - Example:

A header for an <article>:

<article>

  <header>

    <h1>A heading here</h1>

    <p>Posted by John Doe</p>

    <p>Some additional information here</p>

  </header>

  <p>Lorem Ipsum dolor set amet....</p>

</article>