Hey Jon - noted and appreciated.
1 Like
HTML Is a mark up language not a programming language.
HTML is used to structure websites and their respective content.
So we can build cool websites to connect to our even more amazing and useful Dapps & other blockchain applications.
those are the "booke ends" that define the beginning and ending of an element
a tag is written with an opening < x > followed by the content of the element and a closing tag written < /x> (no spaces between < and letters annnnd the letters mean things. example p for paragraph use a p and note the spacing difference)
it would look like < p > stuff you wanna say < /p > (again no spaces)
Attributes contain extra info about the an element that is not content
it consists of all the code between
&
< / HTML>
1 Like
Hi @Steffen!
Welcome to the course!
Nice answers 
Just a couple of observationsâŠ
I think you may have had a formatting problem hereâŠ
I assume you meant to post something along the lines of:
HTML tag structure:
<elementName>The content</elementName>
Take a look at this post for a more detailed approach to this question.
1 Like
Hi @chrisDs,
âŠand welcome to the course!
Nice answers
⊠but I think you are missing the HTML tags in your answer to Q7âŠ
Did you have a formatting problem?
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:
<!DOCTYPE html>
<html> <!-- root element: encloses all of the content -->
<head> <!-- encloses everything that is not content displayed
directly on the web page -->
<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>
1 Like
Hi @JakeTheJuggernaut,
âŠand welcome to the course!
Nice answers
Take a look at this post for a more detailed approach to this question.
1 Like
Hi @Christian_S,
âŠand welcome to the course!
Nice answers
I think you just made a slip in Q7 âŠ
I think you meant to say <html> tags instead of <body> tags⊠at least I hope you did! 
1 Like
Hi @AliasFresh,
âŠand welcome to the course!
Nice answers
Just a minor observation about Q7âŠ
HTML tags are always written using lower case letters i.e. <html>
<!DOCTYPE html>âis an exception, although itâs not really a tag (but notice that âhtmlâ is written in lower case.
Also, take a look at this post for a more detailed approach to this question.
3 Likes
fresh HM answer reply
@jon_m
Ah lower case thanks for the advice and the anatomy example.
Attention to detail is important.
Teamwork makes the dream work!
1 Like
- Hypertext Markup Language.
- To structure a webpage and its content known as web 1.0 ( i.e. static web pages w/ simple elements like text, images, and formatting)
- We need to learn HTML in order to format our front end design for our smart contracts.
- HTML tags are how we create an element.
5.opening and closing tag. - a characteristic of any tag to provide details of how to display.
- The anatomy of an HTML doc:
doctype, head elements ( page title, CSS style and formatting info) and body elements (main HTML text)
1 Like
What is HTML?
HTML stands for Hypertext Markup Language and it is a markup language that defines the structure of your content.
What is HTML used for?
It is used to structure a web page and its content.
Why are we learning HTML?
So we could build our own web pages and use them for example as a UI for our dapps.
What is an HTML tag?
In HTML, a tag is used for creating an element.
What is the structure of an HTML tag?
<></>
<> is an opening tag
</> is a closing tag
plus name of the element such as p, h1, title, body, etc.
What is an attribute?
Attribute contains extra information about the element that you donât want to appear in the actual content.
What is the anatomy of an HTML document?
It is a basic structure of a web page and it consists of name of the elements html, head and body wrapped in opening and closing angle brackets.
1 Like
- What is HTML?
HTML is a code that is used to make web pages. - What is HTML used for?
HTML is used to show simple text on web pages. - Why are we learning HTML?
Itâs the basicâs of programming. - What is an HTML tag?
a HTML tag opens and ends (not always) the content we want to expose - What is the structure of an HTML tag?
opening tag -
closing tag - < /tag name> - What is an attribute?
Attribute is an additional information for the content but is not shown in the content - What is the anatomy of an HTML document?
Itâs a structured set of tags that opens and closes the content you want to show.
1 Like
What is HTML?
- HTML is not a programming language; it is a markup language that defines the structure of your content.
What is HTML used for?
- HTML ( H yper t ext M arkup L anguage) is the code that is used to structure a web page and its content. For example, the content could be structured within a set of paragraphs, a list of bulleted points, or using images and data tables.
Why are we learning HTML?
- To help us understand the structure behind the applications that we want to create so that we know all the scope and limitations to help us manage a project better. It is the base language to integrate/develop dApps.
What is an HTML tag?
- Tags are a series of elements that you use to enclose, wrap, different parts of the content to make it appear a certain way, or act a certain way
What is the structure of an HTML tag?
This is a paragraph.
- The letter âpâ represents the paragraph element. In this example,
is an opening tag that tells the browser that the content that follows it is a paragraph. The slash in the second tag,
, indicates that it is a closing tag that tells the browser that the paragraph element is ending and that any content appears after it is not part of the paragraph.
What is an attribute?
- Attributes contain extra information about the element that you donât want to appear in the actual content. Here, the class is the attribute name , and editor-note is the attribute value . The class attribute allows you to give the element an identifier that can be used later to target the element with style information and other things.
What is the anatomy of an HTML document?
Anatomy of Any HTML Document
Every HTML document consists of two elements:
- Head elements â provides page title and general page formatting commands
- Body elements â put the main HTML text in this part.
1 Like
Hi @Long!
âŠand welcome to the course!
Good answers!
⊠and donât forget the <html> opening and closing tags that enclose both <head> and <body> elements i.e. all of the content.
1 Like
Hi @PesaCZ ,
âŠand welcome to the course!
Nice answers
Take a look at this post for a more detailed approach to this question.
Hi @LAVATOR,
⊠and welcome to the course!
Your answers show that youâve got the right idea 
Here are a few additional important pointsâŠ
Thatâs trueâŠbut HTML does a lot more than that. It is a markup language, and is used to structure ALL of a web pageâs content by marking it up with different elements. These elements define how the different parts of the content should be displayed and/or how they should behave.
TrueâŠand more specifically, HTML is one of the tools we need to build front-end web pages for dapps.
Thatâs right ⊠also, take a look at this post for a more detailed approach to this question.
Thank you for the reply! Yes now my knowledge about this is complete in thanks to your comments! @jon_m
1 Like
Hi @Neeraj_Nerlekar,
⊠and welcome to the course!
Nice answers, with good detail â Youâve put a lot of thought into them.
Just a couple of additional observationsâŠ
⊠more specifically, HTML is one of the tools we need to build the front-end web pages for our dapps.
Yes ⊠andâŠ
-
<!DOCTYPE html>âdeclaration of the document type on the first line. -
<html>opening and closing tags that enclose both<head>and<body>elements i.e. all of the content.
Thanks Jon for the feedback and welcome! Looking forward to learning a whole lot in the coming monthsâŠ
Cheers!
Long
1 Like
-
- HTML means HyperText Markup Language is the first adopted object centred language of the internet. It figures the base structure of a web1.0. page and the representation of its content.
-
We learn that language to build the graphic base layer of a web page content, because it allows to perform emphasis and organisation of text and data graphical content (like text treatment program would do) and renders it readable for any computer through the internet by using a Web Browser.
-
A HTML tag is a pair of markups with the same attributes which surrounds the âstringâ which it applies the attribute fonction, the attributed value.
-
-
The attribute of a tag is what fonction is called within the opening tag, that applies to the string until the closing tag.
-
The anatomy of an HTML document is usually as following:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>...</title>
</head>
<body>
<h>...</h>
<p>...</p>
<ul>
<li>...</li>
</ul>
</body>
</html>
If you have some more time for me, please feel free to comment on highly outspired code from my portfolio-resume like site at gaenex.nexgate.ch.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//ssl.nexgate.ch/analytics/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', 5]);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//ssl.nexgate.ch/analytics/piwik.php?idsite=5" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
<html>
<head>
<title>Gaël Fichet | Charpentier</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css" media="all" />
<link rel="stylesheet" type="text/css" href="resume.css" media="all" />
</head>
<body>
<div id="doc2" class="yui-t7">
<div id="inner">
<div id="hd">
<div class="yui-gc">
<div class="yui-u first">
<h1>gaël fichet</h1>
<h2><strong>Charpentier</strong>, 02/07/77, permis Résident, Nat. française, Permis de conduire + Véhicule, Permis Cariste et Nacelles SUVA</h2>
</div>
<div class="yui-u">
<div class="contact-info">
<h3><a id="pdf" href="Gael fichet - 11-2019.pdf">Télécharger le pdf</a></h3>
<h3><a href="mailto:gael.fichet(a)gmail.com">[email protected]</a></h3>
<h3>(0)77 472 05 31</h3>
</div><!--// .contact-info -->
</div>
</div><!--// .yui-gc -->
</div><!--// hd -->
<div id="bd">
<div id="yui-main">
<div class="yui-b">
<div class="yui-gf">
<div class="yui-u first">
<h2>Qui suis-je ?</h2>
</div>
<div class="yui-u">
<p class="enlarge">
Un jeune travailleur qui a progressivement trouvé son kiff et est devenu Charpentier à 30 ans. PersévÚrant, entreprenant avec un trop plein d'idées débordantes de bonne volonté.
Rationnel, posé, reconnu pour s'attacher à la sécurité, à l'action et au bon sens.
</p>
</div>
</div><!--// .yui-gf -->
<div class="yui-gf">
<div class="yui-u first">
<h2>Compétences</h2>
</div>
<div class="yui-u">
<div class="talent">
<h2>Charpente</h2>
<p>Lecture de plans, tailles et construction au chantier, taille en atelier sur plans ou Ă©pures, Gestion de petites Ă©quipes. </p>
</div>
<div class="talent">
<h2>Couverture</h2>
<p>Capable de couvrir suivant les rĂšgles de l'art </p>
</div>
<div class="talent">
<h2>Ferblanterie</h2>
<p>DĂ©butant pose et pliage, ouvrages simples tels que plaintes, bavettes, et soudures Ă plat.</p>
</div>
</div>
</div><!--// .yui-gf -->
<div class="yui-gf">
<div class="yui-u first">
<h2>Travaux</h2>
</div>
<div class="yui-u">
<ul class="talent">
<li>Toits ventillés de A à Z</li>
<li>Fermes, ArĂȘtiers, Lucarnes, etc.</li>
<li class="last">Agencements de Bureaux</li>
</ul>
<ul class="talent">
<li>ClĂŽtures bois</li>
<li>Solivages, Planchers, Chapes sĂšches.</li>
<li class="last">Yourtes, Terrasses bois exotiques. </li>
</ul>
<ul class="talent">
<li>RĂ©novation, Neuf</li>
<li>Isolation Hermétique, Thermique, Phonique, etc.</li>
<li class="last">Bardages simple, modulaire et Ă inertie d'Ă©nergie</li>
</ul>
</div>
</div><!--// .yui-gf-->
<div class="yui-gf">
<div class="yui-u first">
<h2>Expériences</h2>
</div><!--// .yui-u -->
<div class="yui-u">
<div class="job">
<h2>Groupe PGN, Samsic E. S.A., Sigma Ad. — <i><font size="4">GenĂ©ve</font></i></h2>
<h3>Cerrutti Toitures S.A., Batineg S.A., Telqiu S.Ă .R.L., Lc2immo S.Ă .R.L., RG-Industrie S.Ă .R.L., Espace Charpente S.Ă .R.L., Charpentes Vial S.A.</h3>
<h4>2018-2019</h4>
<p>RĂ©novation de Toitures, Isolation, sous-couverture, couvertures simples. Doublage de planchers techniques, Pose de fenĂȘtre, RĂ©faction de toiture. RĂ©novation de Solivages. Pose ferblanterie.</p>
</div>
<div class="job">
<h2>Manpower AG — <i><font size="4">GenĂ©ve</font></i></h2>
<h3>Tschopp Charpente S.Ă .R.L. - charpentier - Chambesy</h3>
<h4>2018</h4>
<p>6 mois, découpe & pose de Bardage fini, pose Lucarnes, Pose de baies vitrées</p>
</div>
<div class="job">
<h2>A Ă Z emplois S.A. — <i><font size="4">GenĂ©ve</font></i></h2>
<h3>Macullo - ouvrier - Les Acacias</h3>
<h4>2018</h4>
<p>3 semaines, entretiens de toßtures, nettoyage de surfaces étanchées</p>
</div>
<div class="job">
<h2>Samsic Emploi S.A. — <i><font size="4">Les Acacias</font></i></h2>
<h3>Batineg S.A. - Charpentier - VĂ©zenaz</h3>
<h4>2017</h4>
<p>3 semaines, DĂ©montage et remontage sur une autre site d'une Ă©cole Ă Saconnex d'arve</p>
</div>
<div class="job">
<h2>GTI Mont-Blanc — <i><font size="4">GenĂšve</font></i></h2>
<h3>Associés successeurs des Ateliers Casaï - Charpentier - Lancy</h3>
<h4>2017</h4>
<p>1 mois, pose de Bardage, isolation.</p>
</div>
<div class="job">
<h2>Adecco — <i><font size="4">Nyon</font></i></h2>
<h3>Xylaos S.Ă .R.L. - Menuisier - Nyon</h3>
<h4>2017-16</h4>
<p>6 mois, Construction de terrasses en ipé, abords de piscines.</p>
<h3>Chabloz, Chiovini & Associés Sà RL - Bursins VD - Charpentier</h3>
<p>6 semaines, Isolation rigide, Bardage, RevĂȘtements intĂ©rieurs bois .</p>
</div>
<div class="job">
<h2> B&Z Audit— <i><font size="4">GenĂšve</font></i></h2>
<h3>Prime Energy Technics S.A.- GenĂšve - Couvreur</h3>
<h4>2016</h4>
<p>3 mois, Chantiers de couverture et pose de panneaux photovoltaĂŻques. Petite charpente.</p>
</div>
<div class="job">
<h2>InterXpert S.A.— <i><font size="4">GenĂšve</font></i></h2>
<h3>Bovy Concept S.Ă .R.L. - Aubonne VD - Charpentier</h3>
<h4>2016</h4>
<p>2 mois Charpentier : ClĂŽture, ChĂąlet de jardin, Agencement de bureau, Travail sur chĂȘne, Bancs communaux</p>
</div>
<div class="job">
<h2>LĂ€dermann Charpente — <i><font size="4">Russin GE</font></i></h2>
<h3>Charpentier </h3>
<h4>2014-2015</h4>
<p>5 mois ouvrier Charpentier sur différents chantiers, chauffeur</p>
</div>
<div class="job last">
<h2>Job Selection S.A.— <i>GenĂšve<font size="4"></font></i></h2>
<h3>Tschopp Charpente Sà RL - Chambésy - Charpentier<h4>2009-2014</h4></h3>
<p>12 mois Charpentier sur différents chantiers neufs et rénovations</p>
<h3>Dasta Charpentes Bois S.A. - Plan-Les-Ouates - Charpentier </h3>
<p>3 ans et 5 mois Charpentier sur différents chantiers neuf et rénovations classées</p>
</div>
</div><!--// .yui-u -->
</div><!--// .yui-gf -->
<div class="yui-gf last">
<div class="yui-u first">
<h2>Formations<br>DiplĂŽmes</h2>
</div>
<div class="yui-u">
<h2>CFA - FĂ©d. Comp. des mĂ©tiers du BĂąt. — <i><font size="4">Meythet, France</font></i></h2>
<h3>C.A.P. Charpentier — <strong>2007</strong> </h3><br>
</div>
<div class="yui-u">
<h2>Institut Universitaire de Technologie — <i><font size="4">Annecy-le-Vieux, France</font></i></h2>
<h3>D.U.T. QualitĂ© Logistique industrielle et Organisation — <strong>1997</strong> </h3><br>
</div>
<div class="yui-u">
<h2>LycĂ©e du Mont-Blanc - RenĂ© Dayve — <i><font size="4">Le Fayet, France</font></i></h2>
<h3>Bac S. Technologie du Tertiaire et Industrielle — <strong>1995</strong> </h3>
</div>
</div><!--// .yui-gf -->
</div><!--// .yui-b -->
</div><!--// yui-main -->
</div><!--// bd -->
<div id="ft">
<p>GaĂ«l Fichet — Chemin du Clos 6A, c/o Laure Santschi - 1212 Grand-Lancy — <a href="mailto:[email protected]">[email protected]</a> —(0)77 472 05 31</p>
</div><!--// footer -->
</div><!-- // inner -->
</div><!--// doc -->
</body>
</html>
1 Like
1.html is a markup language that defines the structure of your content or HyperText MarkupLanguage
2.html is used to create web pages
3.we are learning html to create our websites
4.an html tag is used to help format your webpage
5.an opening tag with angel brackets
6.an attribute allows you to give the element an identifier
7.in an HTML document you will have the doctype, the html element, the head element, the utf-8, the title element, and the body element.
1 Like