From 325aaca7ce491a2606e9c934f11b538fd0e6ccb8 Mon Sep 17 00:00:00 2001 From: Waqas D Date: Sun, 4 Oct 2020 14:57:04 -0400 Subject: [PATCH 1/2] feat(api): this adds HTML lesson 2 --- .../html/001-common-elems/img/cupcake.png | Bin 0 -> 35544 bytes .../paths/html/001-common-elems/module.yml | 4 + .../html/001-common-elems/questions/story.md | 126 ++++++++++++++++++ 3 files changed, 130 insertions(+) create mode 100644 packages/api/content/paths/html/001-common-elems/img/cupcake.png create mode 100644 packages/api/content/paths/html/001-common-elems/module.yml create mode 100644 packages/api/content/paths/html/001-common-elems/questions/story.md diff --git a/packages/api/content/paths/html/001-common-elems/img/cupcake.png b/packages/api/content/paths/html/001-common-elems/img/cupcake.png new file mode 100644 index 0000000000000000000000000000000000000000..47ac93e5132192b23620c6d7d42f91c66f68c25e GIT binary patch literal 35544 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 Xb=qs;bnx~0J^uj2cmDtz{{a8lXm1{0 literal 0 HcmV?d00001 diff --git a/packages/api/content/paths/html/001-common-elems/module.yml b/packages/api/content/paths/html/001-common-elems/module.yml new file mode 100644 index 00000000..f083903d --- /dev/null +++ b/packages/api/content/paths/html/001-common-elems/module.yml @@ -0,0 +1,4 @@ +id: html-intro +name: Introduction +type: lesson +icon: fire \ No newline at end of file diff --git a/packages/api/content/paths/html/001-common-elems/questions/story.md b/packages/api/content/paths/html/001-common-elems/questions/story.md new file mode 100644 index 00000000..c35db215 --- /dev/null +++ b/packages/api/content/paths/html/001-common-elems/questions/story.md @@ -0,0 +1,126 @@ +# Common HTML Tags + +Welcome back {{firstName}}! We have covered a lot in the last couple of lessons and things are starting to take shape with our Zine! + +In the last lesson we looked at how to organize our Zine in paragraphs and introduced the Paragraph tag `

`. + +Our Zine is starting to look really good! But lets dig deeper and see how we can futher organize our Zine and have our content really stand out. We are going to take a look at some of the commonly used HTML tags. + +# Span Tag + +In the last lesson, we looked at how to break up the content of our Zine into paragraphs using the Paragrah `

` tag. + +But what if we wanted to isolate a word or a group of words within the Paragraph? Let's take a look at an example, see the blue text in the example below? + +>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl nunc mi ipsum faucibus vitae aliquet. Egestas sed sed risus pretium quam vulputate. Ut diam quam nulla porttitor. Turpis egestas pretium aenean pharetra magna ac. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Id leo in vitae turpis massa sed elementum tempus. Cursus turpis massa tincidunt dui ut.

+ +We can isolate words or group of words by using the Span tag `` tag. + +Isn't this awesome? Let's take a look and see how it is used: + +```html +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl nunc mi ipsum faucibus vitae aliquet. Egestas sed sed risus pretium quam vulputate. Ut diam quam nulla porttitor. Turpis egestas pretium aenean pharetra magna ac. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Id leo in vitae turpis massa sed elementum tempus. Cursus turpis massa tincidunt dui ut.

+``` +Just like our Paragraph tag `

` tag, the Span `` tag has an opening and closing tag. We just wrap our word or group of words within the opening and closing Span tags: + +```html +consectetur adipiscing elit +``` + +Looks simple, right? That's because it is! + +Now we can add some styling to make it stand out. + +# Strong Tag + +Want a word or group of words to REALLY stand out? How about we add some bold characters to really emphasize our text! + +Just like the Span `` tag, we can use a similar tag called the Strong `` tag. + +Let see what it looks like: +>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl nunc mi ipsum faucibus vitae aliquet. Egestas sed sed risus pretium quam vulputate. Ut diam quam nulla porttitor. Turpis egestas pretium aenean pharetra magna ac. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Id leo in vitae turpis massa sed elementum tempus. Cursus turpis massa tincidunt dui ut.

+ +Wow! That bold text really stands out. + +So how does the Strong `` tag work you ask? Well, the great news is it works just like the Span tag! Any word(s) within the opening and closing tags `` will show up bold. Let's look at the example below to see how we write the HTML code: + +```html +Lorem ipsum dolor sit amet, consectetur adipiscing elit +``` + +# Header Tag + +So now we have broken up our text into Paragraphs and we know how to isolate word(s) but how can we convey what our content is about? + +I know! We can add a title by using an HTML Header! + +The Header tag is used to represent the title of the page or content on the page. + +Let's give the content within our Paragraph tag a title: + +>

Lorem Ipsum

+>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl nunc mi ipsum faucibus vitae aliquet. Egestas sed sed risus pretium quam vulputate. Ut diam quam nulla porttitor. Turpis egestas pretium aenean pharetra magna ac. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Id leo in vitae turpis massa sed elementum tempus. Cursus turpis massa tincidunt dui ut.

+ +That looks great! Now we know that the paragraph is about Lorum Ipsum. + +So, how do we add a header? I'll show you! + +Let's examine the HTML code below: + +```html +

Lorem Ipsum

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl nunc mi ipsum faucibus vitae aliquet. Egestas sed sed risus pretium quam vulputate. Ut diam quam nulla porttitor. Turpis egestas pretium aenean pharetra magna ac. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Id leo in vitae turpis massa sed elementum tempus. Cursus turpis massa tincidunt dui ut.

+``` + +You can see we added a Header `

` tag above our Paragraph tag. Any content within the opening and closing tags of the Header tag will be treated as a title. + +Usually the `

` tag is reserved for the main title of the page. As a rule of thumb, only one `

` tag should be used per page. + +If we want to emphasize other titles on our page, HTML gives us other options we can use. Let's take a look at how we can use different size titles through out our code: + +>

Lorem Ipsum

+>

Lorem Ipsum

+>

Lorem Ipsum

+>

Lorem Ipsum

+>
Lorem Ipsum
+>
Lorem Ipsum
+ +See how the title shrinks in the example above? + +We can use other Header tags to emphasize the main title of the page as well as titles of content on our page. Take a look at below at how we can do this: + +```html +

Lorem Ipsum

+

Lorem Ipsum

+

Lorem Ipsum

+

Lorem Ipsum

+
Lorem Ipsum
+
Lorem Ipsum
+``` + +# img Tag + +Our lesson on common HTML tags would not be complete without talking about images. Everyone loves to have some great quality images on their website, I know I sure do! I love to share all the creations I make at the bakery. + +Adding images to our website is simple! We use the Img `` tag in our HTML to add images. + +Wait, something looks a bit off! In our previous examples, we had an opening and closing tag but the Img Tag `` only has one tag, is this right? Ofcourse it is! The Img `` tag is a `self closing` tag. We can open and close the tag all within one tag by adding a `/` just before the `>` symbol in the opening tag. + +Now that we have introduced the Img tag ``, let's take a look at an example: + +>

Lorem Ipsum

+>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl nunc mi ipsum faucibus vitae aliquet. Egestas sed sed risus pretium quam vulputate. Ut diam quam nulla porttitor. Turpis egestas pretium aenean pharetra magna ac. Aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Id leo in vitae turpis massa sed elementum tempus. Cursus turpis massa tincidunt dui ut.

+>cupcake image + +That's a good looking cupcake we got! Ok, let's take a look at the HTML code on how we added this image: + +```html +cupcake image +``` + +You maybe wondering what `src` and `alt` are within our Img tag? Well these are `Attributes`. All HTML tags or elements can have some `Attributes`, they provide some more information about our HTML tag. Think about our cupcakes example for a moment. If our HTML tag was a cupcake, we can use `Attributes` to convey what ingredients we are using and how much. `Attributes` usually come with a name and value and are always specified in the start tag. In our example above, the Img `` tag has two attributes, `src` which tells our website which image we are using, and `alt` which helps give a description of the image for screen readers or if the image does not load. For the `src` attribute, we will show you how to add images from our code base or through website URLs in our upcoming `Links` lesson, we will discuss `Absolute` vs `Relative` URLs. + +Just one more word on images and self closing tags! You can see in our example code above as to why we use a `self closing` tag. There is no content needed between the opening and closing tags! In our previous examples for the Paragraph tag `

` or Span tag ``, we added words between the tags so that the content was being displayed on our website. For the Img tag ``, we specify what image to display using the `src` attribute, no other information is needed so we can close the tag with a `self closing` tag. + +# It's Practice Time! +Phew!!! That was a lot to cover for this lesson. Let's get some practice in and really hit this lesson home! \ No newline at end of file From 726cafe6c37004feeac15fa6f4cd0ec2dd84464b Mon Sep 17 00:00:00 2001 From: Waqas D Date: Thu, 15 Oct 2020 11:54:02 -0400 Subject: [PATCH 2/2] feat(api): made grammar corrections to lesson 3 --- .../content/paths/html/001-common-elems/questions/story.md | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/api/content/paths/html/001-common-elems/questions/story.md b/packages/api/content/paths/html/001-common-elems/questions/story.md index c35db215..7c63524f 100644 --- a/packages/api/content/paths/html/001-common-elems/questions/story.md +++ b/packages/api/content/paths/html/001-common-elems/questions/story.md @@ -2,8 +2,6 @@ Welcome back {{firstName}}! We have covered a lot in the last couple of lessons and things are starting to take shape with our Zine! -In the last lesson we looked at how to organize our Zine in paragraphs and introduced the Paragraph tag `

`. - Our Zine is starting to look really good! But lets dig deeper and see how we can futher organize our Zine and have our content really stand out. We are going to take a look at some of the commonly used HTML tags. # Span Tag @@ -104,7 +102,7 @@ Our lesson on common HTML tags would not be complete without talking about image Adding images to our website is simple! We use the Img `` tag in our HTML to add images. -Wait, something looks a bit off! In our previous examples, we had an opening and closing tag but the Img Tag `` only has one tag, is this right? Ofcourse it is! The Img `` tag is a `self closing` tag. We can open and close the tag all within one tag by adding a `/` just before the `>` symbol in the opening tag. +Wait, something looks a bit off! In our previous examples, we had an opening and closing tag but the Img Tag `` only has one tag, is this right? Of course it is! The Img `` tag is a `self closing` tag. We can open and close the tag all within one tag by adding a `/` just before the `>` symbol in the opening tag. Now that we have introduced the Img tag ``, let's take a look at an example: @@ -118,7 +116,7 @@ That's a good looking cupcake we got! Ok, let's take a look at the HTML code on cupcake image ``` -You maybe wondering what `src` and `alt` are within our Img tag? Well these are `Attributes`. All HTML tags or elements can have some `Attributes`, they provide some more information about our HTML tag. Think about our cupcakes example for a moment. If our HTML tag was a cupcake, we can use `Attributes` to convey what ingredients we are using and how much. `Attributes` usually come with a name and value and are always specified in the start tag. In our example above, the Img `` tag has two attributes, `src` which tells our website which image we are using, and `alt` which helps give a description of the image for screen readers or if the image does not load. For the `src` attribute, we will show you how to add images from our code base or through website URLs in our upcoming `Links` lesson, we will discuss `Absolute` vs `Relative` URLs. +You maybe wondering what `src` and `alt` are within our Img tag? Well these are `Attributes`. All HTML tags or elements can have some `Attributes`, they provide some more information about our HTML tag. Think about our cupcakes example for a moment. If our HTML tag was a cupcake, we can use `Attributes` to convey what ingredients we are using and how much. `Attributes` usually come with a name and value and are always specified in the start tag. In our example above, the Img `` tag has two attributes, `src` which tells our website which image we are using, and `alt` which helps give a description of the image for screen readers or if the image does not load. For the `src` attribute, I will show you how to add images from our code base or through website URLs in our upcoming `Links` lesson, we will discuss `Absolute` vs `Relative` URLs. Just one more word on images and self closing tags! You can see in our example code above as to why we use a `self closing` tag. There is no content needed between the opening and closing tags! In our previous examples for the Paragraph tag `

` or Span tag ``, we added words between the tags so that the content was being displayed on our website. For the Img tag ``, we specify what image to display using the `src` attribute, no other information is needed so we can close the tag with a `self closing` tag.