HTML Reading Assignment

Javascript Programming
#1487
  1. According to the reading, HTML is a “markup language” that is used to define the appearance of a web-page. So in essence, it is a type-setting language for web pages.
  2. As stated above, HTML is used to define the appearance of web pages by means of certain type-setting or formatting commands.
  3. We study HTML because in order for us to link Ethereum smart contracts to application interfaces, we need to be able, in particular, to properly design the web pages that these interfaces display to their users.
  4. The tags are the formatting commands referred to above.
  5. The basic syntax used for tags looks as follows:
    < tag-name attribute-name=“attribute-value”> content (if there is any) <\tag-name>…
    Naturally, there can be more than one attribute.
  6. Attributes are encodings of additional information about the element in the tag of which they are placed.
  7. The basic format of an HTML document looks as follows:
    < !DOCTYPE html>
    < html>
    < head>
    < meta charset=“name of the character set”>
    < title>page title
    < /head>
    < body>
    page body
    < /body>
    < /html>
1 Like
#1488
  1. What is HTML?
  • is a markup language that defines the structure of content
  1. What is HTML used for?
  • It’s code that is used to structure a web page and its content
  1. Why are we learning HTML?
  • To easier understand how to program smart contracts
  1. What is an HTML tag?
  • Tags are used to design the content it can italicize words, makes fonts smaller or bigger, make words or image to hyperlinks etc.
    5.0 What is the structure of an HTML tag?

  • content

Opening tag


content, text for example
closing tag


6. What is an attribute?
  • An attribute contain additional information about the element that is unwanted to appear in the content. Attributes allows you to give the element an identifier that can later be used to style the element with information.

An attribute should always have the following:

a. A space between it and the element name (or the previous attribute, if the element already has one or more attributes).
b. The attribute name followed by an equal sign.
c. The attribute value wrapped by opening and closing quotation marks.

7.0 What is the anatomy of an HTML document?

1 Like
#1489

  1. What is HTML?
    Hyper Text Markup Language, which is the code that is used to structure a web page and its content.

  2. What is HTML used for?
    It is used to define a structure for a web page and its content by using tags.

  3. Why are we learning HTML?
    It is the foundational and limited code behind the information that is seen in websites (prior to JavaScript).

  4. What is an HTML tag?
    It is an instruction for your web browser to interpret how you want to portray a specific part of information on your website via using a combination of an opening and a closing tag.

  5. What is the structure of an HTML tag?
    This is an element, which consists of an opening tag, the information (ex. text), followed by a closing tag.

  6. What is an attribute?
    Attributes contain extra information about the element that you don’t want to appear in the actual content. This could be personal notes.

  7. What is the anatomy of an HTML document?
    The basics to form an entire HTML page. To ensure proper functionality for the web users, it consists of including following tags within the page:

<!DOCTYPE html> This will ensure your document behaves correctly.
<html> </html> This is the root element which wraps all the content on the entire page.
<head> </head> This element acts as a container of information which you don't want to show your page's viewers (ex. SEO related information).
<meta charset="utf-8"> This element will allow your site to use most characters of all written languages.
<title> </title> This sets the title of your page, which is the title that appears in the browser tab.
<body> </body> This contains all the content that you want to show to your web users.
1 Like
#1490

Hi @AKB_25!
…and welcome to the course!

Nice answers :ok_hand:

Just a couple of additional observations:

Yes :+1:… and more specifically, both tags start and end with angle brackets, and the closing tag has an additional forward slash, as follows:

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

Sort of … more specifically, an attribute adds additional information about the element (e.g. the web address for an anchor element’s hyperlink). It can also serve as an additional marker, which can then be used to target the element, for example to style its content using CSS.

2 Likes
#1491

Hi @Sins!
…and welcome to the course!

Good answers :ok_hand:

Just a couple of observations…

…and more specifically, HTML is used to structure a web page’s content 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.

Take a look at this post about how to approach this question.

1 Like
#1492

Hi @CryptoOscar!
…and welcome to the course!

Mostly good answers :ok_hand:

A couple of additional points for you to consider…

  1. What is the structure of an HTML tag?
    <elementName>The content</elementName>

  2. What is an attribute?

That’s one use of attributes. More generally, an attribute adds additional information about the element. It can also serve as an additional marker, which can then be used to target the element, for example to style its content using CSS.

1 Like
#1493

Hi @Pacheco!
… and welcome to the course!

Your answers are correct, but there are some more important details to add…

Yes… and more specifically, HTML is used to structure a web page’s content 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.

Yes… and another detail is the use of angle brackets and forward slash to enclose the element name:
<elementName>The content</elementName>

Take a look at this post about how to approach this question.

1 Like
#1494

Hi @CeesQ!
… and welcome to the course!

Very good answers, with a nice amount of detail :+1:

I think you may have had a formatting problem with the question about tag structure, as there is a missing <opening tag>

Don’t forget for format all the code you include in your post by clicking on the </> icon in the menu above the forum’s text editor, or by manually adding back ticks (one either side for inline code, and 3 backticks above and below for a block of code).

#1495

Hi @kaarez!
… and welcome to the course!

Nice answers :ok_hand:

Just a couple of observations…

Yes :+1: … and the angle brackets and forward slash are also key to the structure:
 <elementName>The content</elementName>

Take a look at this post about how to approach this question.

1 Like
#1496

Hi @FrankB,

Nice answers :ok_hand:

Just a couple of observations…

Yes :+1: … and another key aspect is that it structures a web page’s content by marking it up with different elements , which define how the different parts of the content should be displayed (as you have said) and/or how they should behave.

I’m sure it was just a slip, but the title element also has a closing tag:

<title>page title</title>
1 Like
#1497

That’s really helpful Jonathan, thank you so much! Have a great weekend, thanks for your help,
Oscar

1 Like
#1498

Hi @FridaL!
… and welcome to the course!

Some good answers :ok_hand:

Just a few observations and additional points…

More specifically, HTML is one of the tools we need to build front-end web pages for dapps, which will connect with our smart contracts at the back end.

Yes :+1: … and the structure also includes angle brackets, a forward slash and the element name, as follows:
  <elementName>The content</elementName>

It looks like you had a formatting problem here…

To format code in your posts, click on the </> icon in the menu at the top of the forum’s text editor. If you want to add a code block, start a separate line, then click on the icon to generate 2 sets of 3 back ticks:
```
```
If you now input your code between these, it will be automatically formatted for you. You can also do this by highlighting a block of code, and then clicking on the icon. If you just want to add a small piece of inline code, the icon will generate 2 single back ticks, and you need to insert your code between those.

Take a look at this post for a detailed approach to this question about the anatomy of an HTML document.

1 Like
#1499

Hypertext Markup Language or HTML is used to define how a webpage will look and behave. In this course we are studying HTML to setup a simple webpage.

Tags are used in HTML to enclose a text or graphic. The type of tags used will affect the appearance of what is enclosed.

Tags are structured in three parts, the Opening Tag, the Content and the Closing Tag. The parts of the structure are collectively referred to as an Element.

An Attribute allows for information to be allocated to the Element that will not appear in the page. An example of an Attribute would be to allocate a name to an Element to identify the Element.

The way elements are combined together to form a complete HTML page is referred to as the anatomy of an HTML document.

1 Like
#1500

Hi @Joe90!
… and welcome to the course!

Nice answers :ok_hand:

  1. What is the anatomy of an HTML document?

Take a look at this post for a more detailed approach to this question.

1 Like
#1501
  • What is HTML?
    Markup language code
  • What is HTML used for?
    To structure the display of page and content
  • Why are we learning HTML?
    Because it’s the basic of any page design
  • What is an HTML tag?
    Is a root element
  • What is the structure of an HTML tag?
* What is an attribute? Attribute is further defining element which can give it identifier or value which can be recalled later * What is the anatomy of an HTML document? It contains title and body. If page as a whole it must have required preamble and head. Additionally it can have images, lists, and links.
1 Like
#1502

Thaks for the feedback.

1 Like
#1503

Hi jon_m

Thank you for your help and caring.

Cheers
S

1 Like
#1504

  1. HTML is the acronym for HyperText Markup Language,

  2. HTML is code used to display web pages.

  3. We are learning HTML in order to also learn JavaScript which allow us to interact with blockchain coding later on in the course.

  4. A ‘tag’ in HTML looks like this - open tag; < > close tag; < />. A tag allows an element to be defined.

  5. A paragraph tag would be eg; < p > hello world < / p >

  6. An attribute is a specification within an element that defines behaviour of items associated with the element - ie how text behaves or looks, among other things .

  7. The primary anatomy of an HTML document is as follows;
    Head elements: < head > < / head > - [includes page title: < title > < / title > ]
    Body elements - < body > < / body > - for the main body of text/info/media

1 Like
#1505

Hi @jon_m! Got it. Thanks for the feedback! :smiley:

1 Like
#1506
  1. HTML is a Hypertext Mark-up Language. Mark-up because it help . It is not a programming language like JavaScript.
    2.HTML is used to organize the appearance and structure of texts on the website. it is used to create a basic website that has got text only without logic and interactivity.
  2. We are learning HTML so that we can build a simple website that will act as a front end to our back-end (block-chain, smart contracts)
  3. HTML tag is a special letter or word that is surrounded by angle brackets eg

    . HTML tags are used to create an element. They appear at the start and end of the element.

  4. The structure of an HTML tag consist of open and closing angle brackets and in between the brackets there might be a word or later. However a closing tag consist of a slash after opening angle bracket before the letter or word

  5. An attribute is a special word that appear inside the start tag. It is there to control the behaviour of the element. attributes include href which specifies the URL (web address) of a link and scr which specifies the URL (web address) for an image.
  6. An HTML document has 2 parts, the head and the body. However, each HTML document should declare that it is an html document.
1 Like