2. Working with HTML Content Flashcards
Standard markup language used for creating web pages and structuring content on world wide web
Backbone of web development and acts as fundamental building block for creating web based documents.
Define structure and layout of a web page by using a set of tags or elements.
Hypertext Markup Language
HTML
Represent different types of content such as headings, paragraphs, images, links, forms and tables
enclosed in (<>) angle brackets and are composed of an opening tag, content and closing tag
HTML Tags
”/”
Interpreted by web browsers that render the structured content and present it to end users
enables browsers to understand hierarchy, relationships and presentation of elements on webpage ensuing that everything displays as intended
HTML Documents.
Placed at the very beginning of the HTML document to specify the HTML version being used and ensures that the browser interprets the page correctly
(<!DOCTYPE>)
Root element of an HTML document and it encloses the entire content of the page and servs as a container for all other HTML elementments
HTML Tag
Contains metadata and other non-visible information about the web page but not directly visible to users who load the page.
title
character encoding
linked stylesheets
JavaScript files
head tag
uses codes such as UTF-8 is the method used to represent and display characters, symbols, and special characters within an HTML documents
Characterset tag
represents the visible content of the web page and contains all the elements that will be displayed on the screen such as text, images, headings, paragraphs and links
body tag
tags like h1, h2 and so on are used to define headings or titles of sections within the body of the page
Heading Tags
Main Heading
h1
Subheading
h2
Subheadings
h3
Define blocks of text or content within the body of the page and create separate paragraphs and are commonly used for structuring textual content
Paragraph tags - -
Introduced a set of semantic tags that provide more meaningful and descriptive structure to the content
header
nav
section
article
aside
footer
HTML5
Help with organization and make it easier for us to understand the purpose of different sections of the page
Semantic Tags
Tags tgat begin with an exclamation mark are used for”______” and are not visible to users and have no impact on the way browsers read the page.
Comments
Nothing but a plain text document that by convention has the .html filename extension.
HTML page
Don’t forget to properly open and close
tags.
Tells the browser that this is a paragraph
<p>
paragraph tag
</p>
unordered list
<ul>
<li> 1</>
<li> 2</>
<li> 3</>
</ul>
</li></li></li></ul>
container for list
list tag
anchors have these attributes that control HOW links will open when a user clickes them
target
default behavior for the target attibute that specifies that the linked content should open in the same window or tab where the link was clicked
_self
Linked content will open in a new browser tab or window depending o the user’s browser settings
_blank
value used when the current page is within a frame or iframe and specifies the linked content should open in the parent frame that contains the current page.
_parent
an html element used to embed another html document within the current document
displays content from another source or website withing webpage and is displayed with rectangular frame or window and is controlled/styled using CSS.
iframe
inline frame
used when the current page is within a nested frame structure and specifies that the linked content should break out of all frames and open in the full window or tab - replacing all frames.
_top
Will prompt users to enter whatever information your asking for
HTML Forms
Any text thats been entered into the form will be posted or sent to submit .php
POST
attribute is there to print the word “Submit” on the button
Submit
used to control how external images are displayed
<img></img>
used to control how video images are displayed
<video>
</video>
defines links to external web resources
<href>
</href>
