From 9deeff157218ee8d0dffd2e88c8c4e5cab61f93d Mon Sep 17 00:00:00 2001
From: Diane Vail <dsval3@gmail.com>
Date: Wed, 16 Oct 2024 20:57:58 -0400
Subject: [PATCH 1/2] index.html

---
 index.html | 63 ++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 59 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index e15e8d4..6f772ef 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <title>Code You Web Dev Template</title>
+    <title>Web Development Vocabulary</title>
     
     <!-- Link to the external CSS file -->
     <link rel="stylesheet" href="css/style.css">
@@ -20,12 +20,67 @@
 
         <main>
 
-            <h1>HTML Template</h1>
+            <h1>Web Devolpment Vocabulary</h1>
 
             <p>Welcome to Code:You WebDev!</p>
 
-            <p>This is another paragraph.</p>
-        
+            <ul>
+                <li><strong>API:</strong> A set of functions and tools for building software applications, often interacting with external systems.</li> 
+                <li><strong>Async/Await:</strong> Syntax for handling asynchronous operations more easily than with callbacks or promises.
+                <li><strong>Attribute:</strong> Provides additional information about an HTML element.
+                <li><strong>Block-Level Element:</strong> An element that starts on a new line and takes up the full width available.
+                <li><strong>Box Model:</strong> The model that represents the content, padding, border, and margin of an element.
+                <li><strong>Browser:</strong> A software application used to access and display web pages.
+                <li><strong>Callback:</strong> A function passed as an argument to another function to be executed later.
+                <li><strong>CDN (Content Delivery Network):</strong> A network of servers that distribute content closer to users for faster loading times.
+                <li><strong>Class:</strong> A selector in CSS used to apply styles to elements.
+                <li><strong>Client-Side:</strong> Refers to actions or scripts that run in the user's browser.
+                <li><strong>CMS (Content Management System):</strong> Software that helps users create, manage, and modify content on a website without needing to code.
+                <li><strong>CSS (Cascading Style Sheets):</strong> The language used to style and layout HTML documents.
+                <li><strong>CSS Grid:</strong> A two-dimensional layout system in CSS that provides more control over how web content is arranged.
+                <li><strong>Cross-Browser Compatibility:</strong> Ensuring a website works correctly on different browsers and devices.
+                <li><strong>CSS Reset/Normalize:</strong> A set of rules that remove browser inconsistencies in default styling.
+                <li><strong>DNS (Domain Name System):</strong> Translates domain names into IP addresses.
+                <li><strong>DOM (Document Object Model):</strong> The programming interface for web documents, allowing dynamic changes to HTML and CSS.
+                <li><strong>Domain Name:</strong> The address used to access a website.
+                <li><strong>Element:</strong> The basic building blocks of HTML, made up of tags and content.
+                <li><strong>Em (Unit):</strong> A relative CSS unit used to define size, based on the font size of the element.
+                <li><strong>Event:</strong> An action that occurs in the browser, such as a click or key press.
+                <li><strong>Event Listener:</strong> A JavaScript method used to handle events like clicks and keypresses.
+                <li><strong>Flexbox:</strong> A layout model that allows elements to be aligned and distributed within a container.
+                <li><strong>FTP (File Transfer Protocol):</strong> A method of transferring files between computers over a network.
+                <li><strong>Full Stack Development:</strong> Involves both front-end (client-side) and back-end (server-side) development.
+                <li><strong>Function:</strong> A block of code designed to perform a task in programming.
+                <li><strong>Git:</strong> A version control system that helps develope        rs track changes to code.
+                <li><strong>HTML (Hypertext Markup Language):</strong> The standard language used to create web pages.
+                <li><strong>HTTP/HTTPS:</strong> Hypertext Transfer Protocol, the foundation of any data exchange on the Web. HTTPS adds security via encryption.
+                <li><strong>ID:</strong> A unique identifier for an element in HTML and CSS.
+                <li><strong>Inline Element:</strong> An element that does not start on a new line and only takes up as much width as necessary.
+                <li><strong>IP Address:</strong> A unique numerical address identifying a device on a network.
+                <li><strong>JavaScript:</strong> A programming language used to create dynamic and interactive effects within web browsers.
+                <li><strong>Media Query:</strong> A CSS feature used to apply styles based on device characteristics, like screen width.
+                <li><strong>Metadata:</strong> Information about a webpage, such as the title and description, typically stored in the head section of an HTML document.
+                <li><strong>Mobile-First Design:</strong> Designing web content first for mobile devices, then enhancing for larger screens.
+                <li><strong>Padding:</strong> Space between the content and the border of an element in the CSS box model.
+                <li><strong>Property:</strong> Defines the aspect of an element to be styled in CSS.
+                <li><strong>Pseudo-Class:</strong> A keyword added to a selector in CSS that specifies a special state of the selected element.
+                <li><strong>Pseudo-Element:</strong> A keyword added to a selector in CSS that allows you to style parts of an element.
+                <li><strong>Responsive Design:</strong> A design approach where web content adjusts to various screen sizes.
+                <li><strong>Script:</strong> A block of code that can be used to add functionality to a webpage, often written in JavaScript.
+                <li><strong>Selector:</strong> A CSS statement used to target HTML elements for styling.
+                <li><strong>Semantic HTML:</strong> HTML that conveys meaning about its content beyond just its presentation.
+                <li><strong>Server-Side:</strong> Refers to actions or scripts that run on a web server.
+                <li><strong>SSL (Secure Sockets Layer):</strong> A protocol for encrypting information sent between a browser and a web server.
+                <li><strong>Tag:</strong> Defines the start and end of an HTML element.
+                <li><strong>URL (Uniform Resource Locator):</strong> The address used to access a resource on the internet.
+                <li><strong>User Agent:</strong> Information about the browser, operating system, and device, often sent to web servers.
+                <li><strong>Variable:</strong> A container for storing data values in programming.
+                <li><strong>Version Control:</strong> A system that records changes to a file or set of files over time.
+                <li><strong>Viewport:</strong> The visible area of a web page on a device.
+                <li><strong>Web Hosting:</strong> A service that allows organizations and individuals to post a website on the internet.
+                <li><strong>Web Server:</strong> A computer that hosts websites and serves them to users' browsers.
+                <li><strong>White-Space:</strong> In CSS, controls the display of spaces, line breaks, and tabs.
+                <li><strong>XML (eXtensible Markup Language):</strong> A language designed to store and transport data.   
         </main>
 
     </section>

From fde2b7c1e8c4b6802190b6739c41c789de19d93d Mon Sep 17 00:00:00 2001
From: Diane Vail <dsval3@gmail.com>
Date: Tue, 22 Oct 2024 08:59:09 -0400
Subject: [PATCH 2/2] DianeV

---
 index.html | 110 ++++++++++++++++++++++++++---------------------------
 1 file changed, 55 insertions(+), 55 deletions(-)

diff --git a/index.html b/index.html
index 6f772ef..1e7d91e 100644
--- a/index.html
+++ b/index.html
@@ -26,61 +26,61 @@ <h1>Web Devolpment Vocabulary</h1>
 
             <ul>
                 <li><strong>API:</strong> A set of functions and tools for building software applications, often interacting with external systems.</li> 
-                <li><strong>Async/Await:</strong> Syntax for handling asynchronous operations more easily than with callbacks or promises.
-                <li><strong>Attribute:</strong> Provides additional information about an HTML element.
-                <li><strong>Block-Level Element:</strong> An element that starts on a new line and takes up the full width available.
-                <li><strong>Box Model:</strong> The model that represents the content, padding, border, and margin of an element.
-                <li><strong>Browser:</strong> A software application used to access and display web pages.
-                <li><strong>Callback:</strong> A function passed as an argument to another function to be executed later.
-                <li><strong>CDN (Content Delivery Network):</strong> A network of servers that distribute content closer to users for faster loading times.
-                <li><strong>Class:</strong> A selector in CSS used to apply styles to elements.
-                <li><strong>Client-Side:</strong> Refers to actions or scripts that run in the user's browser.
-                <li><strong>CMS (Content Management System):</strong> Software that helps users create, manage, and modify content on a website without needing to code.
-                <li><strong>CSS (Cascading Style Sheets):</strong> The language used to style and layout HTML documents.
-                <li><strong>CSS Grid:</strong> A two-dimensional layout system in CSS that provides more control over how web content is arranged.
-                <li><strong>Cross-Browser Compatibility:</strong> Ensuring a website works correctly on different browsers and devices.
-                <li><strong>CSS Reset/Normalize:</strong> A set of rules that remove browser inconsistencies in default styling.
-                <li><strong>DNS (Domain Name System):</strong> Translates domain names into IP addresses.
-                <li><strong>DOM (Document Object Model):</strong> The programming interface for web documents, allowing dynamic changes to HTML and CSS.
-                <li><strong>Domain Name:</strong> The address used to access a website.
-                <li><strong>Element:</strong> The basic building blocks of HTML, made up of tags and content.
-                <li><strong>Em (Unit):</strong> A relative CSS unit used to define size, based on the font size of the element.
-                <li><strong>Event:</strong> An action that occurs in the browser, such as a click or key press.
-                <li><strong>Event Listener:</strong> A JavaScript method used to handle events like clicks and keypresses.
-                <li><strong>Flexbox:</strong> A layout model that allows elements to be aligned and distributed within a container.
-                <li><strong>FTP (File Transfer Protocol):</strong> A method of transferring files between computers over a network.
-                <li><strong>Full Stack Development:</strong> Involves both front-end (client-side) and back-end (server-side) development.
-                <li><strong>Function:</strong> A block of code designed to perform a task in programming.
-                <li><strong>Git:</strong> A version control system that helps develope        rs track changes to code.
-                <li><strong>HTML (Hypertext Markup Language):</strong> The standard language used to create web pages.
-                <li><strong>HTTP/HTTPS:</strong> Hypertext Transfer Protocol, the foundation of any data exchange on the Web. HTTPS adds security via encryption.
-                <li><strong>ID:</strong> A unique identifier for an element in HTML and CSS.
-                <li><strong>Inline Element:</strong> An element that does not start on a new line and only takes up as much width as necessary.
-                <li><strong>IP Address:</strong> A unique numerical address identifying a device on a network.
-                <li><strong>JavaScript:</strong> A programming language used to create dynamic and interactive effects within web browsers.
-                <li><strong>Media Query:</strong> A CSS feature used to apply styles based on device characteristics, like screen width.
-                <li><strong>Metadata:</strong> Information about a webpage, such as the title and description, typically stored in the head section of an HTML document.
-                <li><strong>Mobile-First Design:</strong> Designing web content first for mobile devices, then enhancing for larger screens.
-                <li><strong>Padding:</strong> Space between the content and the border of an element in the CSS box model.
-                <li><strong>Property:</strong> Defines the aspect of an element to be styled in CSS.
-                <li><strong>Pseudo-Class:</strong> A keyword added to a selector in CSS that specifies a special state of the selected element.
-                <li><strong>Pseudo-Element:</strong> A keyword added to a selector in CSS that allows you to style parts of an element.
-                <li><strong>Responsive Design:</strong> A design approach where web content adjusts to various screen sizes.
-                <li><strong>Script:</strong> A block of code that can be used to add functionality to a webpage, often written in JavaScript.
-                <li><strong>Selector:</strong> A CSS statement used to target HTML elements for styling.
-                <li><strong>Semantic HTML:</strong> HTML that conveys meaning about its content beyond just its presentation.
-                <li><strong>Server-Side:</strong> Refers to actions or scripts that run on a web server.
-                <li><strong>SSL (Secure Sockets Layer):</strong> A protocol for encrypting information sent between a browser and a web server.
-                <li><strong>Tag:</strong> Defines the start and end of an HTML element.
-                <li><strong>URL (Uniform Resource Locator):</strong> The address used to access a resource on the internet.
-                <li><strong>User Agent:</strong> Information about the browser, operating system, and device, often sent to web servers.
-                <li><strong>Variable:</strong> A container for storing data values in programming.
-                <li><strong>Version Control:</strong> A system that records changes to a file or set of files over time.
-                <li><strong>Viewport:</strong> The visible area of a web page on a device.
-                <li><strong>Web Hosting:</strong> A service that allows organizations and individuals to post a website on the internet.
-                <li><strong>Web Server:</strong> A computer that hosts websites and serves them to users' browsers.
-                <li><strong>White-Space:</strong> In CSS, controls the display of spaces, line breaks, and tabs.
-                <li><strong>XML (eXtensible Markup Language):</strong> A language designed to store and transport data.   
+                <li><strong>Async/Await:</strong> Syntax for handling asynchronous operations more easily than with callbacks or promises.</li>
+                <li><strong>Attribute:</strong> Provides additional information about an HTML element.</li>
+                <li><strong>Block-Level Element:</strong> An element that starts on a new line and takes up the full width available.</li>
+                <li><strong>Box Model:</strong> The model that represents the content, padding, border, and margin of an element.</li>
+                <li><strong>Browser:</strong> A software application used to access and display web pages.</li>
+                <li><strong>Callback:</strong> A function passed as an argument to another function to be executed later.</li>
+                <li><strong>CDN (Content Delivery Network):</strong> A network of servers that distribute content closer to users for faster loading times.</li>
+                <li><strong>Class:</strong> A selector in CSS used to apply styles to elements.</li>
+                <li><strong>Client-Side:</strong> Refers to actions or scripts that run in the user's browser.</li>
+                <li><strong>CMS (Content Management System):</strong> Software that helps users create, manage, and modify content on a website without needing to code.</li>
+                <li><strong>CSS (Cascading Style Sheets):</strong> The language used to style and layout HTML documents.</li>
+                <li><strong>CSS Grid:</strong> A two-dimensional layout system in CSS that provides more control over how web content is arranged.</li>
+                <li><strong>Cross-Browser Compatibility:</strong> Ensuring a website works correctly on different browsers and devices.</li>
+                <li><strong>CSS Reset/Normalize:</strong> A set of rules that remove browser inconsistencies in default styling.</li>
+                <li><strong>DNS (Domain Name System):</strong> Translates domain names into IP addresses.</li>
+                <li><strong>DOM (Document Object Model):</strong> The programming interface for web documents, allowing dynamic changes to HTML and CSS.</li>
+                <li><strong>Domain Name:</strong> The address used to access a website.</li>
+                <li><strong>Element:</strong> The basic building blocks of HTML, made up of tags and content.</li>
+                <li><strong>Em (Unit):</strong> A relative CSS unit used to define size, based on the font size of the element.</li>
+                <li><strong>Event:</strong> An action that occurs in the browser, such as a click or key press.</li>
+                <li><strong>Event Listener:</strong> A JavaScript method used to handle events like clicks and keypresses.</li>
+                <li><strong>Flexbox:</strong> A layout model that allows elements to be aligned and distributed within a container.</li>
+                <li><strong>FTP (File Transfer Protocol):</strong> A method of transferring files between computers over a network.</li>
+                <li><strong>Full Stack Development:</strong> Involves both front-end (client-side) and back-end (server-side) development.</li>
+                <li><strong>Function:</strong> A block of code designed to perform a task in programming.</li>
+                <li><strong>Git:</strong> A version control system that helps developers track changes to code.</li>
+                <li><strong>HTML (Hypertext Markup Language):</strong> The standard language used to create web pages.</li>
+                <li><strong>HTTP/HTTPS:</strong> Hypertext Transfer Protocol, the foundation of any data exchange on the Web. HTTPS adds security via encryption.</li>
+                <li><strong>ID:</strong> A unique identifier for an element in HTML and CSS.</li>
+                <li><strong>Inline Element:</strong> An element that does not start on a new line and only takes up as much width as necessary.</li>
+                <li><strong>IP Address:</strong> A unique numerical address identifying a device on a network.</li>
+                <li><strong>JavaScript:</strong> A programming language used to create dynamic and interactive effects within web browsers.</li>
+                <li><strong>Media Query:</strong> A CSS feature used to apply styles based on device characteristics, like screen width.</li>
+                <li><strong>Metadata:</strong> Information about a webpage, such as the title and description, typically stored in the head section of an HTML document.</li>
+                <li><strong>Mobile-First Design:</strong> Designing web content first for mobile devices, then enhancing for larger screens.</li>
+                <li><strong>Padding:</strong> Space between the content and the border of an element in the CSS box model.</li>
+                <li><strong>Property:</strong> Defines the aspect of an element to be styled in CSS.</li>
+                <li><strong>Pseudo-Class:</strong> A keyword added to a selector in CSS that specifies a special state of the selected element.</li>
+                <li><strong>Pseudo-Element:</strong> A keyword added to a selector in CSS that allows you to style parts of an element.</li>
+                <li><strong>Responsive Design:</strong> A design approach where web content adjusts to various screen sizes.</li>
+                <li><strong>Script:</strong> A block of code that can be used to add functionality to a webpage, often written in JavaScript.</li>
+                <li><strong>Selector:</strong> A CSS statement used to target HTML elements for styling.</li>
+                <li><strong>Semantic HTML:</strong> HTML that conveys meaning about its content beyond just its presentation.</li>
+                <li><strong>Server-Side:</strong> Refers to actions or scripts that run on a web server.</li>
+                <li><strong>SSL (Secure Sockets Layer):</strong> A protocol for encrypting information sent between a browser and a web server.</li>
+                <li><strong>Tag:</strong> Defines the start and end of an HTML element.</li>
+                <li><strong>URL (Uniform Resource Locator):</strong> The address used to access a resource on the internet.</li>
+                <li><strong>User Agent:</strong> Information about the browser, operating system, and device, often sent to web servers.</li>
+                <li><strong>Variable:</strong> A container for storing data values in programming.</li>
+                <li><strong>Version Control:</strong> A system that records changes to a file or set of files over time.</li>
+                <li><strong>Viewport:</strong> The visible area of a web page on a device.</li>
+                <li><strong>Web Hosting:</strong> A service that allows organizations and individuals to post a website on the internet.</li>
+                <li><strong>Web Server:</strong> A computer that hosts websites and serves them to users' browsers.</li>
+                <li><strong>White-Space:</strong> In CSS, controls the display of spaces, line breaks, and tabs.</li>
+                <li><strong>XML (eXtensible Markup Language):</strong> A language designed to store and transport data.</li>
         </main>
 
     </section>