Education: Blockchain

Blockchain

What is blockchain


A blockchain
is a continuously growing
list of records, called blocks,
which are
linked and secured
using cryptography.

Each block contains
typically
a hash pointer
as a link
to a previous block,
a timestamp
and
transaction data.

By design,
blockchains are inherently resistant
to modification of the data.

Functionally,
a blockchain can serve as
“an open, distributed ledger
that can record transactions
between two parties
efficiently
and
in a verifiable
and
permanent way.


careX blockchain


Use case:
A resident in Dubai who is coming to Houston in the United States for orthopedic surgery and rehabilitation may need to carry more than the $10,000 cash allowed into the country on a tourist visit. Instead of bringing relatives or engaging in a costly bank transfer, he can invest in CareX and use his tokens to pay for the procedure upon arrival.

For healthcare providers,
this is as an opportunity to
expand their business.”

“The more patients
coming into a practice,
the cheaper the per patient costs,”

CareX is a blockchain platform on Ethereum blockchain.

Ethereum is an
open-source,
public,
blockchain-based
distributed computing
platform,

featuring
smart contract (scripting)
functionality.

Imagine when a doctor sees a patient
or writes a new prescription,
the patient agrees to have a reference or “pointer” added to a blockchain


a distributed access and validation system

using the blockchain to replace centralized intermediaries.

Linux Command Line Basics: Introduction

Command Line, Linux

Technological Literacy

The What, The Why, & The How of: The Linux Command Line Interface- Introduction

Technological Terms to learn

what is the shell in Linux?

  • it’s a program that takes keyboard commands and passes them to the operating system to carry out

what is the terminal emulator?

  • gui or graphical user interface which allows you to interact with the shell

sources

Ubuntu Download
Ubuntu Boot from disc instructions

Linux Command Line Basics: Copy, Move, and Remove files and Directories

Command Line, Linux

I have a love of mystery and the command line is a mystery I look forward to understand. This article is a basic tutorial of how I learned to copy, move, and remove files and directories using the Linux command line.

The command line is the interface where we (people) can make the magic happen with computers. Basically we can do some powerful sh*t with fewer resources. For example we can search for files quickly, we can compress files easily, and we can secure communication with remote users. At least that is what I have been told and read online. The possibility of being able to make a computer do more cool sh*t is what inspired me to teach myself how the CLI (command line interface) works.

Basic Commands

First things first: you have to know where the reference manuals are for the commands. If you don’t, you could be functioning blind and just following others commands.

man

This command will show the reference manuals. Picture this command as the subconscous brain. It’ll show you what, and how these commands can be used.

  • man: short for manual
  • man + command will show you reference manual

“learn by doing”

  • open the terminal
  • enter man pwd on keyboard
  • what did you discover?

pwd

pwd command shows the directory you are currently in. Imagine this command as being your eyes for your present location.

  • print working directory
  • shows the current directory

“learn by doing”

  • open the terminal
  • enter “pwd” on keyboard
  • what did you discover?

clear

The clear command wipes the screen clear. This command is the broom you can use to give you a clean screen to work with.

  • clears the terminal

“learn by doing”.

  • enter “clear” on keyboard
  • what did you discover?

mkdir

The mkdir command is how you create new folders to work with. Directories are the places where the memories of you computer can be stored.

  • mkdir creates new directory

“learn by doing”.

  • open the terminal
  • enter “pwd” on keyboard
  • enter “mkdir newdir/” on keyboard
  • enter “ls” on keyboard
  • what did you discover?

ls

When ever you want to see the files listed in the current working director type the ls command. This command is the equivalent of you checking a list of ingredients for the wonderful food you make.

  • list files
  • shows the files in working directory

“learn by doing”.

  • open the terminal
  • enter “ls” on keyboard
  • what did you discover?

ls -a

If you want a deeper view of the ingredients of the files you are working with enter this flag at the end of the ls command. This allows for a more refine listing of the files viewed.

  • detail listing of all files in directory
  • notice the .bash files?
  • these are configuration files
  • not normally viewed with ls only

“learn by doing”.

  • open the terminal
  • enter “ls -a” on keyboard
  • what did you discover?

rmdir

We just created a new directory in the previous lbd. Now lets erase the directory from our memory.

  • rdmir removes empty directories only

“learn by doing”.

  • open the terminal
  • enter “rmdir newdir/” on keyboard
  • what did you discover?

cd

The cd command is how you change the directories you want to explore. Think about this command as if it was the remote control for your terminal. It allows you to surf the channels.

  • change directory

“learn by doing”.

  • open the terminal
  • enter “ls” on keyboard
  • enter “cd Documents” on keyboard
  • what did you discover?

“..”

Shortcuts are really helpful. I know my fingers get tired retyping certain keys and I love work arounds. Enter the “..”. This command allows you to hop up the tree quickly.

  • “..” moves up one level on the directory tree

“learn by doing”.

  • open the terminal
  • enter “ls” on keyboard
  • enter “cd Documents” on keyboard
  • enter “cd ..” on keyboard
  • what did you discover?

tab key

Since we are discussing shortcuts we can’t forget autocomplete. The tab button has the honor of thinking what the rest of the words will be after the first few characters have been entered.

  • tab is the autocomplete button

“learn by doing”.

  • open the terminal
  • enter “ls” on keyboard
  • enter “cd Doc + tab” on keyboard
  • what did you discover?

create files with vi editor

The vi editor allows you to edit and create files in the terminal. The powerful vi is a cool little program. My fingers tend to get mixed up dealing with how the commands are entered when using this editor. This will tend to correct itself after the muscle memory kicks in as you continue using it.

  • vi newfile

“learn by doing”.

  • open the terminal
  • enter “vi newfile” on keyboard
  • enter “i” on keyboard: input mode
  • enter “this is a new file” on keyboard
  • enter “:wq” on keyboard to save and escape vi editor
  • enter “ls” on keyboard
  • what did you discover?

mv

We’ve covered a bit of ground navigating through the command line interface. Now let’s create some files and directories using the vi editor.

  • mv: moves files/directories
  • mv: renames files/directories

“learn by doing”.

  • open the terminal
  • enter “mv newfile newfile1” on keyboard
  • what did you discover?

tail

The language for the command line is uber intuitive sometimes. Notice the commands are either abbreviations or one word concept statements for what the command might do. Now imagine what the tail command outputs?

  • shows the last part of files

“learn by doing”.

  • open the terminal
  • enter “tail newfile” on keyboard
  • what did you discover?

head

The file we created is like a body. It has abstract versions of tails and heads. Since we know what the tail command does, just imagine what the head command will show us!

  • shows the first part of files

“learn by doing”.

  • open the terminal
  • enter “head newfile” on keyboard
  • what did you discover?

cat

This is such a chill word. The word catenate literally means chain in Latin. This command joins all the files together when summoned by the command line.

  • links together (concatenate) files

“learn by doing”.

  • open the terminal
  • enter “cat newfile” on keyboard
  • what did you discover?

cp

Lets learn how to clone files and directories with the copy command.

  • copies file and directories

“learn by doing”.

  • open the terminal
  • enter &quotcp newfile newfile1;” on keyboard
  • enter “ls” on keyboard
  • what did you discover?
  • open the terminal
  • enter &quotcp newdir/ newdir1/;” on keyboard
  • enter “ls” on keyboard
  • what did you discover?

rm

Well it is time to learn how to clean up the directories and files a bit. You don’t want to create a sh*t load of directories and files without knowing the tools of how to remove them.

  • removes files and directories

“learn by doing”.

  • open the terminal
  • enter “ls” on keyboard
  • enter “rm newfile1” on keyboard
  • enter “ls” on keyboard
  • what did you discover?
  • open the terminal
  • enter “ls” on keyboard
  • enter “rm -r newdir/” on keyboard
  • enter “ls” on keyboard
  • what did you discover?

Conclusion

The command line is a fun place to play in when you want to control what and how your computer functions. The skills you develop take time and patience. Crush it!

How to power up a dead MacBook

Hardware

A friend asked me if I could help out and diagnose why his MacBook won’t power on. I immediately peaked up and was ready to play. How could I resist the opportunity to test my diy skills and try to salvage his computer.

I know enough about computers to be dangerous. I would never claim to have more skills than the staff at your local Apple store. However, I do love the times we live in because everything is available online to discover the what, why and how to repair your tools.

During my browsing I discovered a sh*t load of how-to guides, so I said f**k-it and created one based on my research.

Workflow

Step 1:Power source

The first thing to check on your hardware are the power sources.
For example:

  • is the battery charged?
  • did you plug in the cord?

If you have checked these and you still have no power then it is time to get the tools and see what’s else can be done.

Step 2:Power Cycle

Basically you are just turning everything off and on. I learned how to do this from the crew at ifix. I dedicate the next part to my man Victor Clausson; you rock man.

You know when you have those long nights of drinking and your conversation skills are horrible. The best thing to do is go to sleep. You will wake up in the afternoon, completely refreshed from the previous nights fun!

  1. unplug the battery
  2. disconnect the power cord
  3. hold the power button for 10seconds
  4. keep holding the button and connect the power cable
  5. continue to hold the power button and count to 10
  6. release the power button
  7. power on MacBook normally

Do you hear the chime?

If you followed these simple steps and your Mac has juice again: Congratulations, You are a winner. I on the other hand did not have any luck with these steps. Now I must continue the journey to see if I can save the Mac!

 

HTML: Basic Grammar-7-Forms

Computer, HTML

HTML: Form

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of HTML. After understanding the language, creating web pages are done easily.

Etymology and Cognitive Synonyms (synsets)

How words work:

  • Words are the anchors we create to describe our concepts.
  • These anchors become our vocabulary.
  • We then use our vocabulary to describe to others our thoughts and beliefs.

Where do words come from?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

Why start with the history of the word and cognitive synonyms?

The purpose of reading a list of the history of a word is to build your relationship as the word grew-up in time. The family origins of a word creates the anchor to the chain of how the words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with the anchors to the story of the words to see how they’ve grown.

Anchors for your 5 Senses: Synsets

form; etymology:
forma; origin: Latin
contour, figure, shape; appearance, looks
an outline, a model, pattern, design; sort, kind, condition
form; synset:
a perceptual structure.
a printed document with spaces in which to write.
input; etymology:
to put in, to place, to set
input; synset:
signal going into an electronic system.
any stimulating information or event; acts to arouse action.

Putting Everything Together:

basic form structure

basic form structure

What is the <form> element?

<form>
a container element with interactive controls used to submit information to a web server.

Why use the <form> element?

To collect and store information on a web server.

What are the <form> interactive controls?

Input elements used to create interactive controls.

Why use <input> elements?

To accept data.

How do you determine the types of data collected when using the <input> elements?

The information collected in the <form> element depends on the type of attribute used in the <input> element.

What attributes (limits) can be set in the <input> element?

In this tutorial the attributes selected will be limited for the purpose of time. When you are ready to experience more, follow the link below…

Mozilla Developer Network: <input> Global Attributes.


Learn By Doing

Thought Experiment:

  • Open Favorite text editor and create a new .html file.
  • Create HTML Basic Document Structure
  • Create an <h1> element labeled as Sample Form.
  • Create a <form> element
  • Wrap 3 input types in the <form> element with the label:
    • Name:<input type=”text” name=”name”>
    • Email:<input type=”text” name=”email”>
    • Comments:<textare name=”comments” id=”comments” cols=”25″ rows=”3″></textarea>
    • Side note: These attributes will collect the information you request to store on a web server.
  • Save file and open in browser to view.

HTML: BASIC GRAMMAR-6-TABLES

Computer, HTML

HTML

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of HTML. After understanding the language, creating web pages are done easily.

Etymology and Cognitive Synonyms (synsets)

How words work:

  • Words are the anchors we create to describe our concepts.
  • These anchors become our vocabulary.
  • We then use our vocabulary to describe to others our thoughts and beliefs.

Where do words come from?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

Why start with a history of a word and cognitive synonyms?

One purpose of reading a list of a history of a word is to build your relationship as the word grew-up in time. Family origins of a word creates anchors to the chain of how a words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with anchors to stories of words to see how they’ve grown.

Anchors for your 5 Senses:

Putting Everything Together:

What is the purpose of HTML tables?

Tables arrange and display items in rows and columns.

What is a basic table structure?

basic table HTML structure

basic table HTML structure

What does the <table> element represent?

The container element for a table.

What is the <caption> element?

Gives the table a caption to provide meaning for a user.

What is the <thead> element?

Defines a table’s head content.

What is the <tbody>?

Defines a table’s body content.

What is the <tfoot>?

Defines the table’s footer content.

What is the <tr> tag?

Represents a table row.

What is the <td> tag?

Defines a table cell in a <tr> tag.

What is the <th> element?

Defines the content as the table head titles for a tables columns.


Learn By Doing

Thought Experiment:

  • Open Favorite text editor and create a new .html file.
  • Create HTML Basic Document Structure
  • Create an <h1> element labeled as Top 3 Favorite Poem.
  • Create a basic 3 column table.
  • Define the table data and create in the table row tag place the titles of each poem.
  • Create another table row and place the year you discovered these poems.
  • Save file and open in browser to view.
  • Click the link created on your page.
  • What do you notice?

HTML: Basic Grammar-5-Links

Computer, HTML

HTML

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of HTML. After understanding the language, creating web pages are done easily.

Etymology and Cognitive Synonyms (synsets)

Why you begin with the history of the word and cognitive synonyms?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

The purpose of reading a list of the history of a word is to build your relationship as the word grew-up in time. The family origins of a word connects the anchor to the chain of how the words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you with fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with the anchors to the story of the words to see how they’ve grown.

link
lenken; origin: German
to bend, turn, lead.
link; synset:
the state of being connected.
anchor
ankyra; origin: Greek:
hook.
anchor; synset:
a source of support and stability
resource
resurgere; origin: Latin
rise again.
resource; synset:
a source that may be drawn upon when needed.
title
titulus; orgin: Latin
a label.
title; synset:
a general or descriptive heading.
id (identiy)
idem; origin: Latin
the same
identity; synset:
the individual characteristics by which a thing or person is recognized or known.
class
classis; origin: Latin
a division; army, fleet.
class; synset:
a group sharing a common quality.


Learn By Doing

  • Open Favorite text editor and create a new .html file.
  • Create HTML Basic Document Structure
  • Create an <h1> element labeled as Poem.
  • Wrap the <a> tag with the href being: “https://en.wikipedia.org/wiki/Poetry” around the word poem as your resource link.
  • In the body container create an unordered list using the <ul> element. Don’t forget to close the tags.
  • In the unordered elements; place a list of your top 3 favorite poems between the <li> tags.
  • Save file and open in browser to view.
  • Click the link created on your page.
  • Notice anything different?

HTML: Basic Grammar-4-Images

Computer, HTML

HTML Images and Figures

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of HTML. After understanding the language, creating web pages are done easily.

Etymology and Cognitive Synonyms (synsets)

Why you begin with the history of the word and cognitive synonyms?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

The purpose of reading a list of the history of a word is to build your relationship as the word grew-up in time. The family origins of a word connects the anchor to the chain of how the words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you with fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with the anchors to the story of the words to see how they’ve grown.

image
imago; origin: Latin
idea, appearance.
stem: imitari; origin: Latin
to copy, imitate
image; synset:
a visual representation (of an object or scene or person or abstraction) produced on a surface.
source
surgere; origin: Latin
to rise.
source; synset:
the place where something begins, where it springs into being.
alternative
altenatus; origin: Latin
one after the other.
from alter; origin: Latin
the other.
alternate; synset:
serving or used in place of another.
figure
figura; origin: Latin
a sketch, drawing.
figure; synset:
a diagram or picture illustrating textual material.
caption
capito; origin: Latin
a catching, seizing, holding, taking.
From 17c. used especially in law, and there via its appearance at the head of legal document involving seizure (“Certificate of caption”, etc.), the word’s sense was extended to “the beginning of any document;” thus “heading of a chapter or section of an article” (1789), and, especially in U.S., “description or title below an illustration” (1919).
caption; synset:
brief description accompanying an illustration.

What are <img> elements?

tag that represents an image in the HTML document.

What is the <img> element syntax?

<img src=” ” alt=” “>
src- image url source.
alt- attribute used to provide an alternative text discription of the image when the image doesn’t display.
<img> path example: <img src=”img/image.jpg ” alt=”example of the image path structure”>

What is the <figure> element?

container element for images that represents self contained content.

What is the <figcaption> tag?

represents a caption associated with a figure.


Learn By Doing

  • Open Favorite text editor and create a new .html file.
  • Create HTML Basic Document Structure
  • In the body container create 3 figure container elements: <figure> element. Don’t forget to close the tags.
  • Download and save the image in an image folder your top 3 favorite Philosphers (use wikimedia).
  • In the first figure container:
    1. create <h3> element with Name of Philospher between tags.
    2. create <img src=”img/saved-image.jpg” alt=”name-of-philosopher”>
    3. create a <figcaption> element with the name of the Philosophy Created between the tags.
  • Repeat the steps for the remaining figure containers.
  • Save file and open in browser to view.
  • Go to the first figure container:
    1. go to img tag.
    2. delete the image path.
    3. save file and view in browser.
    4. notice anything different?
    5. insert image path back.
    6. save file and view in browser.

TOR: Basic Grammar-1-Install TOR

Security

TOR: Grammar Stage

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of setting up the TOR browser. After understanding the language, using an anonymous browser will be part of your web browsing experience.

Etymology and Cognitive Synonyms (synsets)

Why you begin with the history of the word and cognitive synonyms?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

The purpose of reading a list of the history of a word is to build your relationship as the word grew-up in time. The family origins of a word connects the anchor to the chain of how the words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you with fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with the anchors to the story of the words to see how they’ve grown.

technique
tekhne; origin: Greek
art, skill, craft in work.
technique; synset:
a practical method or art applied to some particular task.
routing
rupta (via); origin: Latin
(a road) open by force
route; synset:
send via a specific route.
anonymous
anonymos; origin: Greek
without a name
from: an- “without” + onyma (onoma) “name”
anonymous: synset:
having no known name or identity or known source.
communication
communicare; origin: Latin
to make common.
communicate; synset:
transmit information.
network
nodus; origin: Latin
knot.
net-like arrangement of threads, wires, etc.
from: net ” + work
network; synset:
an interconnected system of things or people.
messages
mittere; origin: Latin
to send.
message; synset:
what a communication that is about something is about.
encrypt
origin: Latin
en “in” + crypt “hidden, secret”
encrypt; synset:
convert ordinary language into code.
node
nodus; origin: Latin
knot.
node
a connecting point at which several lines come together.

What is Onion Routing?

A technique for anonymous communication over a computer network.

How are messages sent?

Messages are repeatedly encrypted and then sent through several “network nodes”.
The name of the nodes are called Onion Routers.

How do Onion Router work?

The metaphor normally used when thinking of “how” onion routers work: Imagine someone peeling an onion, every layer is an encrypted message containing routing instructions.

  1. Each onion router removes a layer of encryption to uncover routing instructions.
  2. Then: sends the message to the next router.
  3. Then: Loop begins; Repeat Steps.

Why so many steps?

each step prevents intermediary nodes from “knowing” the origins destination and contents of the message.

What is TOR?

TOR
the onion routing
TOR is open source software.

Why use TOR?

  • TOR protects the personal privacy of the user.
  • TOR enables online anonymity.
  • TOR helps users resist censorship.
  • TOR provides freedom and ability to communicate confidentially.

Why is anonymity important?

Allows users locations not to be discoverable by “anyone.”

How does TOR provide online anonymity?

TOR directs traffic through a “free”, “worldwide”, “volunteer” network.


Learn By Doing

Install TOR Browser

  1. Download and Install TOR
    • Use the latest release version of TOR.
    • TOR comes configured as a client by default.
    • You shouldn’t need to change any of TOR Browser settings.
  2. TOR is now installed on your computer.
  3. Extract TOR Bundle from Download folder.
  4. Open tor-browser
  5. Double Click start-tor-browser to Start browser.
  6. Read Torify How To.
  7. Happy Anonymous Browsing.

HTML: Basic Grammar-3-Lists

Computer, HTML

HTML Syntax

The language we use maps the world. This page is a vocabulary key. The key will provide the grammar to understand the basics of HTML. After understanding the language, creating web pages are done easily.

Etymology and Cognitive Synonyms (synsets)

Why you begin with the history of the word and cognitive synonyms?

The birth place of words are in peoples minds. They become the blocks we use to build what we see, hear, taste, touch and smell (our senses). When you read you are condensing your senses into a chain of links from a set of symbols. These visible symbols are the anchors you chunk into your vocabulary to name your thoughts and beliefs.

The purpose of reading a list of the history of a word is to build your relationship as the word grew-up in time. The family origins of a word connects the anchor to the chain of how the words story sprouted in someones mind.

The cognitive synonyms (synset for short) are the present sprouted offspring of the word. They provide you with fresh mental anchors to the chain of the words story.

Read the groups of words to see their birth.

Connect with the anchors to the story of the words to see how they’ve grown.

list
leizd; origin: Proto Indo European
border, band.
list; synset:
a database containing an ordered array of items (names or topics).
unordered
inordinatus; origin: Latin
not arranged.
unordered; synset:
not arranged in order hierarchically.
order
ordinem; origin: Latin
row, rank, series, arrangement.
order; synset:
marked by an orderly, logical, and aesthetically consistent relation of parts.
description
describere; origin: Latin
write down, transcribe, copy, sketch.
de- “down” + scribere “write down”
description; synset:
a statement that represents something in words.
nesting
nidah; cognates: Sanskrit
resting place, nest.
nest; synset:
fit together or fit inside.

What are HTML lists?

Lists are groups of related data.

Why are HTML

  • Lists group related pieces of information together.
  • Lists create:
    • a well-structured document.
    • a more accessible document.
    • an easy to maintain document.
  • Lists are a workhorse element used for navigation as well as general content.

What are the 3 types of HTML lists?

“<ul>”
unordered list

group a set of related items in no particular order.
“<ol>”
ordered list

group a set of related items in a specific order.
“<dl>”
description list

display name/value pairs such as definitions, or times and events.

What is nesting list?

nesting
list items can contain another “entire list”.

What is the list syntax?

Unordered List

<ul>
<li>Insert Line Item</li>
</ul>

Ordered List

<ol>
<li>Insert Line Item</li>
</ol>

Description List

<dl>
<dt>Insert Name</dt>
<dd>Insert Value</dd>
</dl>

What is the algorithm to determine what list type to use?

if: defining terms or associating other name/value pairs is important
then: use a description list.
if: the order of the list items important
then: use an ordered list
if: the order of the list items are “not” important
then: use an ordered list


Learn By Doing

  • Open Favorite text editor and create a new .html file.
  • Create HTML Basic Document Structure
  • In the body container create 3 different list blocks: <ul>, <ol>, <dl> element. Don’t forget to close the tags.
  • In the unordered and ordered elements; place a list of your top 3 favorite poems between the <li> tags.
  • In the description element; place the name of the poem in the <dt> tag and the name of the author in the <dd> tag.
  • Save file and open in browser to view.
  • Create a comment in your html document pertaining to what each of the poems means to you.
  • Notice anything different?