Philosophically Made

Website Design & Coding

[psychogeniccircuits]

HTML Attributes

Attribute: special words used inside the opening tag of an element to control the element's behavior.

src - added after an <img> to indicate the image's url

{{ under construction }}

[psychogeniccircuits]

HTML Elements & Tags

Element: anything from the start tag to the end tag.

Tag: a piece of markup language that is used to indicate the beginning and end of an html element in an html document.

Example: <p> your text here </p>

&lt;header>&lt;;/header> - Represents a container for introductory content or a set of navigation links. Usually contains one or more heading elements (<h1> - <h6>), logo or icon, or authorship information.

&lt;;h#></h#> - header element. The higher the number, the greater the importance. Only use one <h1> element per page. There can only be six. Main topic on a web page. When visitors to your website see the h1's, it draws attention as it stands out the most on the page as it generally appears as a larger font size and in bold.

&lt;p></p> - paragraph. used to create a paragraph of text on websites. Always starts on a new line. A lot of browsers add some white space (a margin) before and after a paragraph.

&lt;;!-- ____: _______ --> - comment. Used to notate code with text that will not appear on the website/browser display. It allows you to make code inactive. You can use them to explain your code, which can help you when you edit the source code at a later date.

&lt;main>&lt;/main> - an element that identifies a content area. The main element. Specifies the main content of a document. This type of element/tag makes your html easier to read and helps with Sear Engine Optimization and accessibility. Should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms. When you put things inside the main element, this is called nesting. Nesting elements should be placed two spaces further to the right from the element they are nested in. This spacing is called indentation and is used to make html easier to read.

Example: <main> <h1>Tumblr Meme App</h1> <h2>Tumblr Photos</h2> <!-- TODO: Add link to Tumblr photos --> <;p>See more Tumblr memes in our gallery</p> </main>

&lt;img> - used to images to your website. This element has an opening tag without a closing tag. A tag for an element without a closing tag is called a self-closing tag.

{{ under construction }}

[psychogeniccircuits]

HTML Definitions

Element: Everything from the start tag to the end tag.

Tag: a piece of markup language that is used to indicate the beginning and end of an html element in an html document.

Example: &lt;p> your text here </p>

Nesting: when you put things inside the main element, usually with indentation.

Indentation: when you indent code

Self-closing tag: a tag for an element without a closing tag.

Attributes: special words used inside the opening tag of an element to control the element's behavior. An example would be a source attribute which can come after an image tag, specifying an image's url.

Example: <img src="url">

{{ under construction }}

[psychogeniccircuits]

JAVA SCRIPT HOW TO

Under construction

{{ I'll be making a blog explaining how to use Java script }}

[psychogeniccircuits]

HTML HOW TO

HTML Definitions

HTML Elements and Tags

{{ Under construction }}

{{ I'll be making a blog explaining how to use HTML to develop websites }}