Reading-Notes

My journal for Code Fellows


Project maintained by RogerMReyes Hosted on GitHub Pages — Theme by mattgraham

HTLM: Hyper Text Markup Language

Hypertext refers to links that connect web pages to one another.

Anatomy of an HTML element

<p>My cat is very grumpy</p>

The entire line above is the Element
<p> at the front is the Opening Tag while </p> is the Closing Tag The text in between the tags is known as the Content

Attributes contain extra information about the element that you don’t want appearing in the actual content

Putting elements within other elements is referred to as nested elements
EX. wrapping a word with <strong> with bold the word

Anatomy of an HTML document

Marking Up Text

To add a link first wrap your text with an <a> element
You will then add an href attribute with the web address inside double quotes after href
Ex. <a \href=”htttps/”>Mozilla Manifesto</a>

Semantics

Semantics refers to the meaning of a piece of code ie. what effect does running that line have?
Ex. of Semantic tags

WireFrame Design

A wire frame is how the user/ client wants to process and place the information on a site
Focus on meeting the clients needs or making the layout as smooth as possible
Planning the design early will help smooth out the later processes
Be sure to research the app or product in order to incorporate the data into the structure and vision of the end product

Wire frames can either be done by hand on a piece of paper or by wire frame tools.
Paper allows flexibility and are easy to change on spot
While wire frame tools have several extra features that may make the design process smoother

Return to Code 102 Table of Contents