HTML Reading Assignment

Javascript Programming
#1304
  1. HTML stands for Hypertext Markup Language
  2. It is used to “markup” a webpage (add images, text, links, etc.)
  3. It is a basic language that will help us better learn C++ and eventually programming on the blockchain
  4. HTML tag is a tag that surrounds a command or some sort of content
  5. There is an opening tag before the content and a closing tag at the end
  6. Attributes give more clarity to the content and are usually found in the opening tag
  7. There is a element clarifying it is a HTML, and opening tag, the content of the html(text, headers, lists, etc.) followed by the closing tag
1 Like
#1305

  • What is HTML?
    “Hypertext Markup Language”: a markup language that defines the structure of your website and its content.

  • What is HTML used for?
    You can use the series of elements that HTML consists of to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way.

  • Why are we learning HTML?
    To be able to build websites that will interact with the blockchain, so we can present our developments.

  • What is an HTML tag?
    a HTML tag is used for creating an element, e.g. an image, hyperlink, specific font, etc.

  • What is the structure of an HTML tag?
    Opening tag: name of the element, wrapped in opening and closing angle brackets . This states where the element begins or starts to take effect; Example:


    Closing tag: same as the opening tag, except that it includes a forward slash before the element name. This states where the element ends.; Example:

The structure of an HTML element:

  1. The opening tag
  2. The content
  3. The closing tag

Example:

My cat is very grumpy

  • What is an attribute?
    Attributes contain extra information about the element that you don’t want to appear in the actual content.

  • What is the anatomy of an HTML document?

  • <!DOCTYPE html> Doctype (historical artefact)

  • <html> element (enclosing the whole HTML document)

  • <head> element, containing all content not to be shown [inside <html> element]

  • <meta charset="..."> element, describing the used character set (e.g. UTF-8) [inside <head> element]

  • <title> element, setting the title of the page [inside <head> element]

  • <body> element, containing all the content to be shown [inside <html> element]

  • corresponding closing tags
1 Like
#1306

  1. tags are the brackets with elements that define what will happen to the content in between and have an opening bracket and closing bracket with the same element but a / character to close the tag. Example: " content

    parargraph

    "

  2. The anatomy of an html document is the structure in which different html elements are laid out in, starting with document type, header etc and closing with respective closing tags

1 Like
#1307

7. What is the anatomy of an HTML document?

Hello sir, did you have any issue typing the code for the last question?

Remember you can use the “Preformatted Text” Button to encapsulate any kind of code you want to show.

I am a happy Preformatted Text box, please use me wisely!

preformatted text
preformatted text957×174 11.9 KB

If you have any doubt, please let us know so we can help you! :slight_smile:

Carlos Z.

1 Like
#1308

3.Why are we learning HTML?

Indeed sir, but you dont need to learn HTML as a must follow rule in order to jump to C++, they are 2 different language, but off course, C++ is way difficult than HTML, so learning HTML will give you a proper experience on how is the syntax and basic rules for programming.

7. What is the anatomy of an HTML document?

You can check this example so you have a better understanding on the HTML anatomy: HTML Anatomy example.

Hope this gives you a clear view of the subject, keep learning! :slight_smile:

Carlos Z.

#1309

1- HTML is a markup language that defines the structure of your content by changing the way it looks, acts
2- HTML is can be used to change fonts, tell the webpage where to go when links added, add images etc
3- so we ourselves can build smart contracts on top of what we build through web development
4- A HTML tag is used to open and close elements
5- a HTML tag is built with an opening tag followed by the content and then a closing tag
6- an attribute gives extra information to the content e.g. italics, bold lettering
7- DOCTYPE html
html opening tag
head opening tag
character set
title opening tag and closing tag
head closing tag
body opening tag
img
body closing tag
html closing tag

1 Like
#1310

  • What is HTML?
    HTML stands for Hypertext Markup Language.

  • What is HTML used for?
    For defining the structure or lay out of Web Pages.

  • Why are we learning HTML?
    To build an App or Web Page/ UI to interact with smart contracts.

  • What is an HTML tag?
    A tag defines the beginning and end of an element.

  • What is the structure of an HTML tag?
    The name of the element (example, p for paragraph), wrapped in opening and closing angle brackets < >

  • What is an attribute?
    An attribute is extra information about the content which you don’t want to have appear in the actual content.

  • What is the anatomy of an HTML document?
    The anatomy consists of
    The doctype, The element, the element, the element, element and the element.

1 Like
#1311
  1. HTML - Hypertext markup language is code used to create a web site architecture.
  2. HTML is used for creating web sites and deliver content in a specific manner described by Hypertext markup language code.
  3. HTML is the fundamental building block of the web applications. It is essential thing to know, when you are trying to interact with the web.
  4. HTML tag are code to assign some specific meaning to specific part of the content.
  5. HTML tag consist of opening tag, attribute, content and closing tag. For example:
    < p style=“color:blue”>I’m blue da ba dee da ba daa </ p> :))
  6. Atribute is used to add additional information about the content. It could be notes, color, size of the text, hyperlink and so on.
  7. Every HTML document is wrapt by html opening and closing tags and consist of two elements head and body.
1 Like
#1312
  • What is HTML?

HTML stands for HypterText Markup Language

  • What is HTML used for?

HTML is used for structuring and laying out web pages of text/image/links information

  • Why are we learning HTML?

It is important to have a working understanding of HTML as webpages are the front end interface for users to connect with protocols/applications running in the back end. Knowing how the different layers of computer protocols interconnect will add coherence and greater workability to design and implementation.

  • What is an HTML tag?

HTML tags create content containers and inform the protocol how to display the information on a webpage.

  • What is the structure of an HTML tag?

…</tag closing>
The tags are used to define the beginning and opening commands and dispay what is between them. Between each set of angle brackets there will be different characters which represent corresponding instructions.

  • What is an attribute?

An attribute applies more conditions/depth to the content contained within the element tags.
An element is a set of opening and closing tags ( < p > and < /p >) and the information contained between them.

  • What is the anatomy of an HTML document?

HTML documents contain a header defining it as an HTML document. Title and search engine display key words. Body text, images, links. Opening and closing tags for the entire document.
A basic HTML page would be written as below.

< !DOCTYPE html>
< html>
< head>
< meta charset=“utf-8”>
< title>My test page
< /head>
< body>
< img src=“images/sunset” alt=“An epic orange sunset” >
< /body >
< /html

1 Like
#1313
  1. Html means hypertext markup language.
  2. The markup language that helps build website structures
  3. So that we will learn out to connect the front end to our smart contracts/dapps that we will be building.
  4. The Tags are instructions we give to the website for displaying certain things a certain way.

  5. context

  6. attributes are additional content in the language of which is not ought to be display
    7.< !DOCTYPE html>
    < html>
    < head>
    < meta charset=“utf-8”>
    < title>My test page
    < /head>
    < body>
    < img src=“images/firefox-icon.png” alt=“My test image” >
    < /body >
    < /html>
#1314
  1. Hyper Text Mark Up Language.
  2. HTML is used to structure a web page and its content.
  3. We want to learn HTML in order to be able to create web pages, but also to be able to better explain what we want when working with other collaborators on a project.
  4. An HTML tag is part of an HTML element. It is an instruction that tells a web browser reading the code how to interpret content help between opening and a closing tags.
  5. The structure of an HTML tag are opening en closing element tags, the content between the element tags, attributes, nested elements and empty elements.
  6. Element tags can also include attributes. These are declared inside an opening tag and can be more than one.
  7. Basic HTML anatomy is as follows:
  • !DOCTYPE html element states that the document type is html and is used just to make sure the document will work correctly, despite being used in the past for potentially handling document error checking among other things.
  • HTML element - states the beginning of an html document.
  • Header element - is a container for all that is not content of the page itself. CSS, third party tags, etc.
  • meta charset element - is to declare a character set. In the example of the reading requirement it was set to UTF-8.
  • Title element - is used for the literal title of that page. It can be seen in the browser as the text in the open tab.
  • Body element - is the container where all the content of the site will be declared.
1 Like
#1315
  1. It is a markup language that defines the structure of a content.
    2.Use to enclose of wrap, different parts of a content to make it appear a certain way or act a certain way.
    3.Because is needed in order to create applications that can interact with Smart Contracts.
    4.Is a set of characters used to make a word or image hyperlink to somewhere else.
    5.A tag consist of the Start and End of a section in HTML.
    6.Contains extra information about the Element that you don’t want to appear in the actual content.
  2. ..... .....
#1316
  1. HTML (HyperText Markup Language) is a mark up language.
  2. HTML is used to structure a web-page and its content.
  3. We are learning to HTML in order to be able to create a UI on the web, for others to interact with our concept.
  4. An HTML tag is used to indicate where an element starts and ends.
  5. The structure of an HTML tag consists of angled brackets surrounding an element name.

  6. An attribute targets an element with styling information. It must always contain an attribute name and attribute value.
  7. Open HTML document, a heading containing all the hidden details about page, language set-up and the body containing all content; images, text, links, video, audio, etc. It ends with closing the HTML document.
1 Like
#1317

  1. What is HTML?
    The abbreviation stands for Hypertext Markup language.

  2. What is HTML used for?
    To code the structure of web pages and their content. Therefore it is considered as a markup and not a programming language.

  3. Why are we learning HTML?
    So we are able to build a website and with it a front end that interacts with a smart contract as back end.

  4. What is an HTML tag?
    A tag is used to create elements which tell the content how to appear or act.

  5. What is the structure of an HTML tag?
    It consists of an opening tag (<element name>) and a closing tag (</element name>) that are wrapping the content of an HTML element. For empty elements only the opening tag is used.

  6. What is an attribute?
    It’s an extending part of a tag. It can change its behavior and further provides meta data that doesn’t appear in the content.

  7. What is the anatomy of an HTML document?
    It is built in a symmetrical way in that the tags are marked up in paired layers to one another:

<!DOCTYPE html>
<html>
    <head>
    <title>title text</title>
    </head>
    <body>
              content text
    </body>
</html>
1 Like
#1318

Hi, @turner36t !
Great start to this course! :muscle:

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

That’s correct, but I think it’s more helpful to think of the web development part (using HTML, CSS and JavaScript), as the front end which the user interacts with directly. And then the smart contracts as sitting underneath as part of the back end, deployed on the blockchain, and then feeding into, or drawing out of, the front end.

Yes… and also to mark the element up to be displayed, or behave, according to a specific element type.

1 Like
#1319

Hi, @RailGame!

Great start to this course! :muscle:

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

Yes… and it also marks the element up to be displayed, or behave, according to a specific element type.

… + the content + closing tag (with its extra forward slash)

Yes… but the idea was to be a bit more specific about the actual order/structure/hierarchy etc. of the different elements, and to name them :rofl:
100% for conciseness though! :wink:

#1320

Hi @Matoshi!

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:

That’s right :+1: HTML is therefore one of the tools we need to build front-end web pages for dapps.

That’s right too … and the opening and closing tags allow us to define where particular elements begin and end.

I particularly enjoyed your Q5 example…

:smiley:

#1321

HTML stands for Hyper text Markup Language, is the code used to structure a web page and its content.

Is a code used to create web pages. The browsers read the HTML and then “translate” to the final result (what we actually see in the web page)

We need a basic HTML knowledge so when we will be able to program smart contract we will be able also to create a simple website to display our work.

Is a set of characters constituting a formatted command for a Web page. Tags provide the "directions "or “recipes” for the visual content that an user sees on the Web page.

HTML tags are the basically hidden keywords that define how your web browser must format and display the content.

The structure of an HTML tag is:

Angle Brackets : The symbols “< >” tells the web browser that “this is an html tag.”
Names: The name of the tag
Attributes: attributes are specific to tags and add additional information telling the browser what to do in the context of that tag.
Attribute Values: Specific information for a tag attribute
Default Values: What the tag will do if no attributes with values are specified.

Attributes contain extra information about the element that you don’t want to appear in the actual content. They “tell” the browser precisely what to do in the context of that tag.

The anatomy of an HTML consist in the following elements:

  • <!DOCTYPE html> — All HTML documents must start with a <!DOCTYPE> declaration.
    The declaration is not an HTML tag. It is an “information” to the browser about what document type to expect.
  • <html></html> — This element wraps the content of the entire page
  • <head></head> — The element is a container for metadata (data about data) and is placed between the tag and the tag. Metadata can be the keywords (which are page description that you want to appear in search results), character set declarations and more.
  • <meta charset="utf-8"> — The charset attribute specifies the character encoding for the HTML document.
  • <title></title> — This sets the title of your page, which is the title that appears in the browser tab the page is loaded in. It is also used to describe the page when you inserted in bookmarks.
  • <body></body> — This contains ALL the content that you want to show to the users when they visit your page, whether that’s text, images, videos, games, playable audio tracks or whatever else.
2 Likes
#1322

Hi, @Colin358!

Great start to this course! :muscle:

Very detailed, and accurate answers :+1:
The only thing I spotted for an improvement, is the missing </title> closing tag in the last question — I’m sure that was just a slip though :wink:

1 Like
#1323

Hahaha.
Just read my last answer :smile: D
Its because I was using the tags and the chat didn’t display them.
Meant to say the html element and nested within that, the title, body, paragraphs etc.

Thanks for the feedback

1 Like