HTML Reading Assignment

Javascript Programming
#1324

Of course you did!.. although I am half wondering whether its just laid-back Trinidad coding style :wink:
Seriously though, in case you didn’t know, before you type in your code to post it here in the forum, click on the </> icon in the menu at the top of the text editor. You will see 2 sets of 3 back ticks.
```
```
If you now input your code between these, you will end up with nicely formatted code, which is then also easier for you to organise with the correct spacing and indentation etc.
You should end up with something like this (obviously without all the comments)…

<!DOCTYPE html>
<html>     <!-- root element: encloses all of the content -->
  <head>   <!-- encloses everything that is not content displayed
                directly on the web page for users to see and read -->
    <meta charset="utf-8">   <!-- allows text containing most characters
                                  from most languages to be displayed -->
    <title>Text appearing in browser tab or when page bookmarked</title>
  </head>  
  <body>
    <!-- encloses all content displayed directly on the web page
         for users to see and read i.e. text, images, videos etc. -->
  </body>
</html>

No more excuses! :wink:

2 Likes
#1325

  1. What is HTML?
    HHypertext Markup Language

  2. What is HTML used for?
    Defines the structure of your content which is for a web page.

  3. Why are we learning HTML?
    As a start to learn about coding.

  4. What is an HTML tag?
    An HTML tag is how content is recognized on our website.

  5. What is the structure of an HTML tag?
    <#> and </#>

  6. What is an attribute?
    An attribute contains extra information about the element that you don’t want to appear in context.

  7. What is the anatomy of an HTML document?
    <! DOCTYPE html>

My test page <img src="images/firefox-icon.png" alt="My test image"
#1326

  1. Hypertext Markup Language is the basic language to create a website, it gives you the static boring website.

  2. It is used to structure a web page and its content.

  3. To learn how to structure our content.

  4. HTML Tags give assignments to text which show up on the web in a flat or interactive way.

  6. Attributes contain extra info about the element that you don’t want to appear in the actual content.

7.<

!DOCTYPE html>
<html lang="en">
 <head>
 <meta charset="utf-8">
 <title>I drink Bulletproof coffee</title>
 </head>
 <body>
 <h1>Ivan looks way too young on the JS videos. This messes with my head</h1>
 </body>
</html>
#1327

  1. What is HTML?
    HTML is short for HyperText Markup Language.

  2. What is HTML used for?
    HTML is used for structuring webpages and their content.

  3. Why are we learning HTML?
    Because we will need a working webpage or frontend in order to make it work with a e.g. smart contract in the backend.

  4. What is an HTML tag?
    The HTML tag opens ans closes the element and defines what happens with the content in between.

  5. What is the structure of an HTML tag?
    The structure of the opening tag is and the the closing tag adds a slash

  6. What is an attribute?
    Attributes are additional information to the element but won’t be shown on the actual page.

  7. What is the anatomy of an HTML document?
    a HTML document could look like the following

here is your title
#1328
  1. Hypertext Markup Language
  2. To structure a web page and its content
  3. To put informations on the web
  4. It is used to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way
  5. opening angle brackets (<) -> name of the element -> closing angle brackets (>)
  6. Attributes contain extra information about the element that you don’t want to appear in the actual content
1 Like
#1329

  1. Hypertext Markup Langauge is a code.

  2. HTML is used to structure a web page and its content, e.g. structure in a set of paragraphs, a list of bullet points, using images and data tables.

3.To solve real problems on our own by learning how to build applications that can interact with our smart contacts.

  1. HTML tag is used to make a word, image, fonts bigger or smaller to somewhere else.

  2. “< p >” represents our opening tag, the start of a paragraph and “< /p >” represents our closing tag, the end of a the paragraph.

  3. Information about the element that you don’t want appearing in the actual content but can be used later to target the element with style information and so on. alternative text for an image

  4. All individual elements combined to form an entire HTML page/website < html > < head > < body >.

1 Like
#1330
  1. HTML is the markup language for creating web pages.
  2. Is used for creating the web pages.
  3. Is good to know how to show your skills as a blockchain master in the coming ‘new order’.
  4. HTML element is the name used in angle brackets as for example < p > for paragraph.
  5. e.g. opening tag < p > content < / p > closing tag.
  6. Attribute gives a tags style and identity that don’t appear in actual content.
<html>
   <head>... </head>
   <body>...</body>
 </html>
1 Like
#1331

Hi @pmensonp!

A good start to this course! :muscle:

Here are a couple of comments to build on your answers:

Yes :+1: …and it does that by marking it up with different elements, which define how the different parts of the content should be displayed and/or how they should behave.

What happened with the structure of an HTML tag? Was it a copy-and-paste error? :wink:

Don’t forget the closing tag </title>
<title> is not self-closing like some other tags ( e.g. <meta> and <img> )

2 Likes
#1332

  1. What is HTML? It’s a markup language that defines not only the content but also its structure

  2. What is HTML used for? To create pages made not only by text but also by different elements

  3. Why are we learning HTML? HTML is the basis of digital interaction

  4. What is an HTML tag? A tag is a command that create an element.

  5. What is the structure of an HTML tag? Begin and end of tag elements are defined by commands surrounded by angle brackets. The end part of a tag element also contains a slash character

  6. What is an attribute? An extra information that will not appear in the published content

  7. What is the anatomy of an HTML document?

    < !DOCTYPE html> — the doctype
    < html >< /html > — the element.
    < head >< /head > — the element. Keywords, page description CSS to style, character set declarations and so on.
    < meta charset=“utf-8” > — character set on document
    < title >< /title > — the element. Title of the page.
    < body >< /body > — the element. This contains all the content.

1 Like
#1333

Hi @Understated_Eddie!

Great start to this course! :muscle:

Here are just a couple of additional points for you to consider. They aren’t corrections, just some additional information, building on your answers:

Yes, that’s exactly right :+1: … and HTML is one of the tools we need to build front-end web pages for dapps.

Yes :+1: and attributes add additional information about the element (e.g. the web address for an anchor element’s hyperlink).

Question 7
Your answer and the descriptions of the different elements is very good. However, the idea of this question was to also show the hierarchy and nesting of the elements, for example, something like this:

<!DOCTYPE html>  <!-- not actually an element, its just a declaration --> 
<html>
    
   <head>   
      <meta charset="utf-8">  
      <title>Text appearing in browser tab or when page bookmarked</title>
   </head>
  
   <body>

   </body>

</html>
2 Likes
#1334
  1. HTML is Code
  2. It is code uses for building a webpage
  3. To understand the basics of coding so we can expand our knowledge.
  4. A tag starts the and ends the element and gives it a name .
  5. A tag structure consists of the beginning tag having < > surrounding the element name and the ending tab having < / > to signify the end of the element
  6. An attribute adds extra information to an element but is not seen on the page
    7.the anatomy of an HTML document is the basic structure to form the entire web page .
1 Like
#1335

  1. Hypertext Markup Language.

  2. HTML allows you to structure contents of a web page.

  3. It is a nice introduction to web development.

  4. Tags show the browser what type of content it should display.

  5. It consists of an opening and closing tag. < p > < /p >

  6. It is an addition to the element.

  7. Header, Elements, attributes, body

1 Like
#1336

Hi @Latinochavez55!

Some nice answers! :ok_hand:

Just a couple of comments to build on your answers:

Yes, and most elements consist of an opening tag and a closing tag , which enclose (wrap around) a specific piece of content as follows:
<elementName>The content</elementName>

What happened with Q7? Did you not understand what was required? If not, have a look at some of the other students’ answers, and post yours if you would like us to take a look. :slightly_smiling_face:

1 Like
#1337

Hi @AF90 !

Great start to the the course! :muscle:

Only one thing to add really:

Yes… and most elements consist of an opening tag and a closing tag, which enclose (wrap around) a specific piece of content, as follows:

<elementName>The content</elementName>

2 Likes
#1339

Hi @Steve199!

Great start to the course! :muscle:

Yes … and I would just also add that most elements consist of an opening tag and a closing tag , which enclose (wrap around) a specific piece of content , as follows:

<elementName>The content</elementName>

2 Likes
#1340

Hi @WeRise!

Some good answers!

Just a few comments to build on your answers:

Yes… and because HTML is one of the tools we need to build front-end web pages for dapps.

Yes… and most elements consist of an opening tag and a closing tag , which enclose (wrap around) a specific piece of content as follows:
<elementName>The content</elementName>

Could we see the rest of the anatomy? :wink:

1 Like
#1341

Hi @Omar!

Some good answers!

Just a few comments to build on them:

Yes… and we are also learning HTML because HTML is one of the tools we need to build front-end web pages for dapps.

Yes… and an HTML tag is part of an HTML element. Most elements have an opening tag and a closing tag , which enclose (wrap around) a specific piece of content , marking it up to be displayed, or behave, according to the type of element assigned to it.

HTML tag structure:
<elementName>The content</elementName>

:rofl:

1 Like
#1342

Hi @Christopher!

Nice answers! :ok_hand:
I think you have a copy-and-paste issue with questions 5 and 7 :wink:
To format your code in your forum posts, click on the </> icon in the menu at the top of the text editor. If you are on a new line that will give you 2 sets of 3 back ticks for a code block…
```
```
If you now input your code between these, you will end up with it nicely formatted.
To format a piece of code in-line you just need to do the same thing and you will get 2 single back ticks to wrap your code in.

2 Likes
#1343

thank you for the constructive feedback :+1:

1 Like
#1344

<! DOCTYPE html>