What is the Web - The Web is made of HTML Documents and is the basis for all web pages.
- It glues everything
- Contains hyper links
- Was invented in the early 1990's
What are the major pieces of the Web?
- You
- Your Computer + Browser
- The Internet
- Servers
What is HTML? - Definition: HTML or
Hypertext Markup Language forms what you see on the Web
- Text Content or what you see
- Markup or how it looks
- Contains references to other docs (images, videos, etc)
- Also includes Links to other pages
- To Test HTML, this is a good site to check out.
What is HTML Markup?
- HTML markup is made up of "tags" and "elements."
- The tags and the content in between the tags makes up the ELEMENT.
- Some common tags that go between < and > include:
- B tag (bold)
- EM tag (italics)
- A tag (anchor tag for making links)
- IMG tag (images)
- ALT tag (alternate text to more clearly define in words what an image is about - often used for broken requests or for the blind
- BR tag (break tag) which is an INLINE tag.
- P tag (paragraph tag) which is a BLOCK tag.
***Note***: INLINE and BLOCK tags form an invisible box around the text/content.
What are HTML Attributes? - HTML attributes (attr) go inside of tags to change things such as font size, color, etc.
HTML Vocabulary:
TAG: HTML tags are contained within brackets. Most tags have an opening tag and a closing tag that ends with a slash.
ELEMENT: Everyting within a set of opening and closing tags.
ATTRIBUTE: Further defining an HTML element
SPAN: Inline element
DIV: Block element
Links:
How to save an HTML File:
Save HTML File
- A Website is like a House-The HTML is the structure of the home including the walls and frame, CSS is the style of the home including the color and layout, and Java Script is the interactive part of the home including remote controls, TV's, etc.'
- Boxes Everywhere!- Everything you see on Websites can be broken down into boxes and within those boxes, the content can be changed using HTML, CSS and Java Script.
- Developer Tools (in the Browser)- HTML elements are either inline or block. Block elements form an "invisible box" around the content inside of them.
- The "tree-like structure" of HTML -
The "tree-like structure" comes from the fact that HTML elements can have other elements inside of them. You can draw this relationship like a family tree. My mother had multiple children. So did her mother, and so on...In a browser, this structure shows up as a series of nested boxes. There are boxes inside of boxes inside of boxes, and so on...
- The relationship between indented HTML and boxes - When you read an HTML document as text, you see a wave of changing indentations going up and down the left side of the document. The more indented an element is, the more deeply nested it's corresponding "box" is.
Margin Padding and Borders
What is CSS?
- CSS stands for Cascading Style Sheets. It is a style sheet language used for describing the look and formatting of a document written in a markup language.
- Used to change the look and style of Webpages including color, text size, background, etc.
- An advantage of CSS is that by making a single change to the CSS style sheet, you can automatically make that change to every page of your site avoiding repetition.
Some Benefits of Avoiding Repetition when Writing Code include:
- Saves Time: No need to change styles on every page of your website.
- Reduces chances of coding mistakes.
- Easier to Manage: When making changes, you would need to change many lines of code. Using CSS allows you to make changes to entire elements or your entire website with ease.
TEXT EDITORS TO USE FOR PROGRAMMING:
- Scratchpad - First write HTML here, write CSS here too inside of < style > tags - COPY HTML and go to Codepen...
- Codepen - If you want to share your HTML, copy from scratchpad and bring to Codepen.
- Google Chrome - Use the Development tool to investigate HTML and test changes to CSS.
***How to Share?***
- Open an account
- FREE Plan is fine
- Login, goto NEW PEN
- Paste into HTML box
- Change style at bottom
- Goto EDITOR, FULL PAGE, Copy/paste the URL for that page.
- Sublime - Use this to write code that you will save write on your computer.
Additional Links:
W3Schools: Provides additional resources to learn about HTML, CSS, etc.
Indenting with HTML: Learn More Here
HTML Markup Validation: Click here to validate HTML


dnssec-signkey [-a] [-c class] [-s start-time] [-e end-time] [-h] [-p] [-r randomdev] [-v level] {keyset} {key...}
dnssec-signkey signs a keyset. Typically the keyset will be for a child zone, and will have been generated by dnssec-makekeyset. The child zone's keyset is signed with the zone keys for its parent zone. The output file is of the form signedkey-nnnn., where nnnn is the zone name.
Verify all generated signatures.
Specifies the DNS class of the key sets.
Specify the date and time when the generated SIG records become valid. This can be either an absolute or relative time. An absolute start time is indicated by a number in YYYYMMDDHHMMSS notation;<PHONE_NUMBER>4500 denotes 14:45:00 UTC on May 30th, 2000. A relative start time is indicated by +N, which is N seconds from the current time. If no start-time is specified, the current time is used.
Specify the date and time when the generated SIG records expire. As with start-time, an absolute time is indicated in YYYYMMDDHHMMSS notation. A time relative to the start time is indicated with +N, which is N seconds from the start time. A time relative to the current time is indicated with now+N. If no end-time is specified, 30 days from the start time is used as a default.
Prints a short summary of the options and arguments to dnssec-signkey.
Use pseudo-random data when signing the zone. This is faster, but less secure, than using real random data. This option may be useful when signing large zones or when the entropy source is limited.
Specifies the source of randomness. If the operating system does not provide a /dev/random or equivalent device, the default source of randomness is keyboard input. randomdev specifies the name of a character device or file containing random data to be used instead of the default. The special value keyboard indicates that keyboard input should be used.
Sets the debugging level.
The file containing the child's keyset.
The keys used to sign the child's keyset.
The DNS administrator for a DNSSEC-aware .com zone would use the following command to sign the keyset file for example.com created by dnssec-makekeyset with a key generated by dnssec-keygen:
dnssec-signkey keyset-example.com. Kcom.+003+51944
In this example, dnssec-signkey creates the file signedkey-example.com., which contains the example.com keys and the signatures by the .com keys.