diff --git a/templates/body_template.html b/templates/body_template.html index 837c4bb..10a6db1 100644 --- a/templates/body_template.html +++ b/templates/body_template.html @@ -6,7 +6,7 @@ Basic HTML document - Page content - The main page content appears inside the body tag. HTML contains several elements that allow you to properly structure and format your content, which we'll cover later. +

Page content

+

The main page content appears inside the body tag. HTML contains several elements that allow you to properly structure and format your content, which we'll cover later.

\ No newline at end of file diff --git a/templates/headings_template.html b/templates/headings_template.html index 8b39af1..c35151c 100644 --- a/templates/headings_template.html +++ b/templates/headings_template.html @@ -1,20 +1,32 @@ - + + Formatting page content - - - HTML Essential Training - Formatting page content - In this series of exercises, we'll explore how to use HTML elements to format basic page content. - Adding headings - Headings help define the structure of the page and control the hierarchy of the content. You can use heading values ranging from a top-level heading of h1 all the way down to an h6. While there are several competing theories on the exact strategy to use when choosing headings, what really matters is that you are using them in an intelligent manner, to accurately reflect the importance of your content. It's also important to be consistent in how you use headings across your site, so deciding on when and how to use headings is an important part of planning your site. - Using paragraphs - The paragraph tag (⟨p⟩) is one of the most basic formatting tags, and one that you'll use often. It indicates a paragraph of text, and should be used for each individual paragraph. - Line breaks - Occasionally you'll need to perform a "soft return," that is, create a new line without using a new paragraph. To do that in HTML, you use the line break tag (⟨br⟩). Line break tags are inline, meaning you can use them within headers and paragraphs, and don't require a closing tag. - Let's say you were formatting an address, for example. You could use line breaks to make sure each line of the address appeared on a separate line, but still remained within the same paragraph. - lynda.com 6410 Via Real Carpinteria, CA 93103. - - + + + +

HTML Essential Training

+

Formatting page content

+

In this series of exercises, we'll explore how to use HTML elements to format basic page content.

+

Adding headings

+

Headings help define the structure of the page and control the hierarchy of the content. You can use heading + values ranging from a top-level heading of h1 all the way down to an h6. While there are several competing + theories on the exact strategy to use when choosing headings, what really matters is that you are using them in + an intelligent manner, to accurately reflect the importance of your content. It's also important to be + consistent in how you use headings across your site, so deciding on when and how to use headings is an important + part of planning your site.

+

Using paragraphs

+

The paragraph tag (⟨p⟩) is one of the most basic formatting tags, and one that you'll use often. It + indicates a paragraph of text, and should be used for each individual paragraph.

+

Line breaks

+

Occasionally you'll need to perform a "soft return," that is, create a new line without using a new paragraph. To + do that in HTML, you use the line break tag (⟨br⟩). Line break tags are inline, meaning you can use + them within headers and paragraphs, and don't require a closing tag. + Let's say you were formatting an address, for example. You could use line breaks to make sure each line of the + address appeared on a separate line, but still remained within the same paragraph. + lynda.com 6410 Via Real Carpinteria, CA 93103.

+ + + \ No newline at end of file diff --git a/templates/models_template.html b/templates/models_template.html index 2f6ec67..7d2d056 100644 --- a/templates/models_template.html +++ b/templates/models_template.html @@ -6,10 +6,11 @@ Content models - Content models - In HTML 4 there were only two main content models, block and inline level elements. Block level elements would stack on top of each other in normal document flow while inline level elements typically appear within the flow of text content. - In this example the heading 1 and the paragraphs are block level items, while the bold tags and the link below are examples of inline level elements. - In HTML5 new content models have been created to expand the structure and semantic capabilities of HTML. There are seven main models: Flow, Metadata, Embedded, Interactive, Heading, Phrasing, and Sectioning. To learn more about them, visit the interactive graphic contained in the W3C HTML5 specfication. +

Content models

+

In HTML 4 there were only two main content models, block and inline level elements. Block level elements would stack on top of each other in normal document flow while inline level elements typically appear within the flow of text content.

+

In this example the heading 1 and the paragraphs are block level items, while the bold tags and the link below are examples of inline level elements.

+

In HTML5 new content models have been created to expand the structure and semantic capabilities of HTML. There are seven main models: Flow, Metadata, Embedded, Interactive, Heading, Phrasing, and Sectioning. To learn more about them, visit the interactive graphic contained in the W3C HTML5 specfication.

+ diff --git a/templates/syntax_template.html b/templates/syntax_template.html index 6862e5a..5eb671b 100644 --- a/templates/syntax_template.html +++ b/templates/syntax_template.html @@ -1 +1 @@ -HTML uses tags to identify page content. This text, for example, is a paragraph. \ No newline at end of file +

HTML uses tags to identify page content. This text, for example, is a paragraph

\ No newline at end of file diff --git a/week1-exercise-from-slide/calculator.html b/week1-exercise-from-slide/calculator.html new file mode 100644 index 0000000..d4430a6 --- /dev/null +++ b/week1-exercise-from-slide/calculator.html @@ -0,0 +1,69 @@ + + + + + + Document + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
0.00
789C
456/
123*
000.+
=-
+ + \ No newline at end of file diff --git a/week1-exercise-from-slide/exercise1.html b/week1-exercise-from-slide/exercise1.html new file mode 100644 index 0000000..9e23746 --- /dev/null +++ b/week1-exercise-from-slide/exercise1.html @@ -0,0 +1,27 @@ + + + + + + + Exercise 1 + + + + + + + \ No newline at end of file diff --git a/week1-exercise-from-slide/exercise2.html b/week1-exercise-from-slide/exercise2.html new file mode 100644 index 0000000..3d47bf9 --- /dev/null +++ b/week1-exercise-from-slide/exercise2.html @@ -0,0 +1,53 @@ + + + + + + Exercise 2 + + + + +

My Page

+

Yup!!

+

+ Why end might ask civil again spoil. She dinner she our horses depend. + Remember at children by reserved to vicinity. In affronting unreserved delightful + simplicity ye. Law own advantage furniture continual sweetness bed agreeable perpetual. Oh song well four only head busy it. Afford son she had lively living. Tastes lovers myself too formal season our valley boy. Lived it their their walls might to by young. +

+ + + + + + + + + + + + + + + + + + + + + +
MorningEviningsNights
Wake UpWake Up AgainFinally
Eat, exercises, watch TV at the same timeStill Waking UpOn with my day
SleepNever MindSleep
+ + Green Grass + + + + \ No newline at end of file diff --git a/week1-exercise-from-slide/login-form.html b/week1-exercise-from-slide/login-form.html new file mode 100644 index 0000000..40c75a0 --- /dev/null +++ b/week1-exercise-from-slide/login-form.html @@ -0,0 +1,48 @@ + + + + + + + Login Form + + + + +
+

Login Form

+
+
+ + +
+
+ + +
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/week1-exercise-from-slide/registration.html b/week1-exercise-from-slide/registration.html new file mode 100644 index 0000000..9f7463a --- /dev/null +++ b/week1-exercise-from-slide/registration.html @@ -0,0 +1,51 @@ + + + + + + Registration page + + +
+

Registration Page

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ Gender + + + + +
+
+ + +
+
+ Habits + + + + + + +
+ + +
+ + \ No newline at end of file