CSC103 Web Technologies: HTML, CSS, JS
•Download as PPTX, PDF•
1 like•196 views
Introducing the basic foundational languages of web development: HTML, Cascading Style Sheets, JavaScript,
Report
Share
Report
Share
Recommended
Introduction to HTML, CSS, and Javascript
This document provides an introduction to HTML, CSS, and JavaScript. It begins with explaining how client-side and server-side code works. It then defines HTML as the standard markup language for web pages and lists some commonly used HTML tags. CSS is introduced as the style sheet language used to describe the presentation of HTML documents. JavaScript is explained as the programming language used to create interactive effects in web browsers. The document concludes by covering JavaScript syntax like variables, functions, and some common methods.
Html / CSS Presentation
about this presentation:
1) this presentation was a quickie for non-tech employees, who wanted a basic understanding of html/css, as it related to a white-label SAAS product;
2) the back-end/front-end definitions relate to the specific application (it's inaccurate if node.js is in the picture)
Intro to Javascript and jQuery
JavaScript is a client-side scripting language that is commonly used to create dynamic and interactive effects on web pages. It resides in the browser and is used to enhance user interfaces and experiences on websites. JavaScript code is made up of statements that are written within script tags. Functions are blocks of code in JavaScript that perform specific tasks, and variables are used to store and retrieve values. jQuery is a JavaScript library that simplifies client-side scripting by using CSS selectors and providing methods to easily manipulate HTML elements and run animations. Both JavaScript and jQuery code is typically linked from the HTML head or an external .js file and placed above other scripts.
Intro to jQuery
This document provides an introduction to JavaScript and jQuery. It defines JavaScript as a scripting language used to create dynamic and interactive web pages and applications. It resides in the browser rather than on the server. JavaScript uses functions to organize code into well-defined, reusable tasks. Functions are executed when events occur or when called from other scripts. The document also defines jQuery as a JavaScript library that simplifies client-side scripting with HTML through its selector engine and methods. jQuery code is linked in the page head or an external file below CSS but above other scripts.
HTML, CSS And JAVASCRIPT!
In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers".
This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels.
1) Easy to understand.
2) Comments are included to make you understand better!
3) Ready to go for any presentation.
4) Full of informations
5) Small but powerful
What makes it interesting?
- These languages are used in every websites on the internet.
Why them?
- Seek for yourself in the slide
Introduction of Html/css/js
HTML is a markup language used to define the structure and layout of web pages. CSS is used to style and lay out HTML elements, and JavaScript can be used to program behaviors and interactions in web pages. jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animations, and Ajax interactions for rapid web development.
Web Development Basics: HOW TO in HTML
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <html> and <body> to mark elements in a document like headings, paragraphs, and links. Tags have start and end tags like <p> and </p> to delineate content. CSS can be used to style HTML elements by specifying rules that are applied using the style attribute, <style> element, or external CSS files. Basic HTML tags include those for headings, paragraphs, bold, italics, underlining, links, images, and buttons. HTML documents are edited in text editors and browsers use the tags to render and display the structured content.
Html,javascript & css
This document provides an overview of HTML, CSS, and JavaScript for web development. It discusses the basics of each technology, how they work together, and includes the following key points:
- HTML is the markup language that defines the structure and content of a web page. CSS is used to style and lay out elements on the page. JavaScript adds interactive functionality.
- Events, functions, and variables are important JavaScript concepts. Events trigger actions, functions contain reusable code, and variables store and retrieve data.
- CSS selectors allow styling elements by type, class, ID, and other attributes. The box model, positioning, and other properties control layout.
- Common debugging tools like Firebug help
Recommended
Introduction to HTML, CSS, and Javascript
This document provides an introduction to HTML, CSS, and JavaScript. It begins with explaining how client-side and server-side code works. It then defines HTML as the standard markup language for web pages and lists some commonly used HTML tags. CSS is introduced as the style sheet language used to describe the presentation of HTML documents. JavaScript is explained as the programming language used to create interactive effects in web browsers. The document concludes by covering JavaScript syntax like variables, functions, and some common methods.
Html / CSS Presentation
about this presentation:
1) this presentation was a quickie for non-tech employees, who wanted a basic understanding of html/css, as it related to a white-label SAAS product;
2) the back-end/front-end definitions relate to the specific application (it's inaccurate if node.js is in the picture)
Intro to Javascript and jQuery
JavaScript is a client-side scripting language that is commonly used to create dynamic and interactive effects on web pages. It resides in the browser and is used to enhance user interfaces and experiences on websites. JavaScript code is made up of statements that are written within script tags. Functions are blocks of code in JavaScript that perform specific tasks, and variables are used to store and retrieve values. jQuery is a JavaScript library that simplifies client-side scripting by using CSS selectors and providing methods to easily manipulate HTML elements and run animations. Both JavaScript and jQuery code is typically linked from the HTML head or an external .js file and placed above other scripts.
Intro to jQuery
This document provides an introduction to JavaScript and jQuery. It defines JavaScript as a scripting language used to create dynamic and interactive web pages and applications. It resides in the browser rather than on the server. JavaScript uses functions to organize code into well-defined, reusable tasks. Functions are executed when events occur or when called from other scripts. The document also defines jQuery as a JavaScript library that simplifies client-side scripting with HTML through its selector engine and methods. jQuery code is linked in the page head or an external file below CSS but above other scripts.
HTML, CSS And JAVASCRIPT!
In this slide, we will discuss about what are css, html and also javascript. These three languages are very powerful and must be mastered and understood by all programmers and "hackers".
This slide will give you a clear view on what are they and their functions. Please note that, this slide does not teach you how to write/program them. This slides is completely for any levels.
1) Easy to understand.
2) Comments are included to make you understand better!
3) Ready to go for any presentation.
4) Full of informations
5) Small but powerful
What makes it interesting?
- These languages are used in every websites on the internet.
Why them?
- Seek for yourself in the slide
Introduction of Html/css/js
HTML is a markup language used to define the structure and layout of web pages. CSS is used to style and lay out HTML elements, and JavaScript can be used to program behaviors and interactions in web pages. jQuery is a JavaScript library that simplifies HTML document traversal and manipulation, as well as event handling, animations, and Ajax interactions for rapid web development.
Web Development Basics: HOW TO in HTML
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <html> and <body> to mark elements in a document like headings, paragraphs, and links. Tags have start and end tags like <p> and </p> to delineate content. CSS can be used to style HTML elements by specifying rules that are applied using the style attribute, <style> element, or external CSS files. Basic HTML tags include those for headings, paragraphs, bold, italics, underlining, links, images, and buttons. HTML documents are edited in text editors and browsers use the tags to render and display the structured content.
Html,javascript & css
This document provides an overview of HTML, CSS, and JavaScript for web development. It discusses the basics of each technology, how they work together, and includes the following key points:
- HTML is the markup language that defines the structure and content of a web page. CSS is used to style and lay out elements on the page. JavaScript adds interactive functionality.
- Events, functions, and variables are important JavaScript concepts. Events trigger actions, functions contain reusable code, and variables store and retrieve data.
- CSS selectors allow styling elements by type, class, ID, and other attributes. The box model, positioning, and other properties control layout.
- Common debugging tools like Firebug help
html-css
CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of a document written in HTML or XML. CSS saves lots of work as formatting elements only need to be applied to one CSS file rather than individually formatting every HTML page. CSS rules consist of selectors that point to the HTML element to style paired with a declaration block containing CSS properties and values to determine how that element will look. Common CSS properties include those to control text formatting, background effects, borders, lists, links and positioning.
Intro to HTML, CSS & JS - Internship Presentation Week-3
The document provides an agenda and details for a weekly presentation during a training program on information technology. The presentation covers HTML, CSS, and JavaScript. It defines HTML and the differences between HTML4 and HTML5. It describes the HTML5 structure and semantic elements. It also defines CSS and why it is used, CSS selectors and syntax, the box model, CSS units, and different types of JavaScript functions.
Intro to HTML and CSS basics
This document provides an overview of HTML and CSS topics including:
- A brief history of HTML and CSS standards from 1990 to present.
- Descriptions of common HTML elements like <body>, <head>, <img>, <a>, and lists.
- Explanations of CSS concepts like selectors, properties, units, positioning, and layout fundamentals.
- Details on CSS topics like the box model, centering content, semantic HTML, and flexbox.
The document serves as a course outline or reference for learning HTML and CSS fundamentals.
Introduction to html & css
This document covers topics related to frontend web development including HTML5, CSS3, JavaScript, and jQuery. It discusses different types of web and mobile applications, as well as technologies and frameworks. The document then goes into detail about HTML document structure, various HTML elements like headings, paragraphs, links and images, using CSS for styling, CSS selectors, block and inline elements, and the CSS box model. It also covers HTML links, lists, and input elements.
Span and Div tags in HTML
This slide guides through the differences of the Span and Div tags in HTML.
I started a channel on YouTube for Networking lovers. "VERY SIMPLE NETWORKING" SERIES can be found at http://www.youtube.com/bgccnadom.
THANK YOU FOR YOUR SUPPORT AND LIKES.
A quick guide to Css and java script
This document provides information about cascading style sheets (CSS). It discusses the different ways to apply stylesheets, including inline, embedded, and external stylesheets. It explains that CSS controls the layout, fonts, colors and overall appearance of web pages. CSS allows separation of design from content and makes pages load faster. The document also covers CSS syntax, selectors, properties and values. Common CSS selectors for HTML elements like headings, paragraphs and horizontal rules are listed along with their properties.
Frontend Crash Course: HTML and CSS
This document provides an overview of an HTML and CSS crash course, including:
- Introductions and goals of learning frontend development concepts
- Explanations of HTML tags, elements, and attributes
- Explanations of CSS selectors, properties, values, and basic layout techniques
- Examples and drills for applying HTML and CSS concepts
- A positioning exercise for further practice with CSS layout
The document guides students through building their first website and provides resources for continuing to learn frontend development on their own.
HTML CSS | Computer Science
HTML stands for Hyper Text Mark-up Language and CSS stands for Cascading Style Sheet. HTML 5 is the latest utility programming language. There is no big difference between HTML and HTML5. Copy the link given below and paste it in new browser window to get more information on HTML CSS:- www.transtutors.com/homework-help/computer-science/html-css.aspx
Web Layout
This document discusses various CSS properties for controlling web page layout and positioning of elements. It covers the CSS box model including margins, borders, padding and content, and properties for defining dimensions, positioning, floats and more. Examples are provided for setting widths, heights, paddings, borders, the display property, and using relative, fixed and absolute positioning.
HTML/CSS/java Script/Jquery
The document provides an overview of HTML, CSS, JavaScript and jQuery. It describes what each technology is, examples of common tags and syntax, and how they are used together. HTML is a markup language used to define the structure and layout of web pages using tags. CSS is used to style and lay out HTML elements, and can be linked externally or embedded internally or inline. JavaScript can be used to add interactive elements and dynamic behavior to HTML pages client-side. jQuery is a JavaScript library that simplifies tasks like HTML document traversal and manipulation, events, animations and Ajax.
Html and css
HTML and CSS are markup languages used to structure and style web pages. HTML is used to define the structure and semantics of content, while CSS handles the presentation and layout. Some key points covered include:
- HTML stands for Hypertext Markup Language and uses tags to structure content into headings, paragraphs, lists etc. CSS is used to specify rules that control the presentation and formatting of HTML elements.
- The box model is a fundamental concept in CSS that treats each HTML element as a box, including properties like margins, borders, padding and content.
- Common CSS selectors include element selectors, class selectors, ID selectors and pseudo-classes. The specificity of selectors determines which styles
KMUTNB - Internet Programming 4/7
Lecture for King Mongkut's University of Technology North Bangkok (KMUTNB) / Computer Science / Internet Programming Course by PHUPHA
Html JavaScript and CSS
The document provides background information on HTML, JavaScript, CSS, and their relationships. It discusses how SGML led to the creation of HTML by Tim Berners-Lee as a subset of SGML. Cascading Style Sheets (CSS) were later created to separate document structure from presentation. Extensible Markup Language (XML) further separated content from style. The document also covers the evolution of HTML versions and the creation of XHTML.
Html and css presentation
HTML is used to create web documents and consists of text and markup tags to define structure, appearance, and hyperlinks. There are two types of tags: container tags define sections of text using start and end tags, and empty tags represent single occurrences like line breaks. CSS is used to style HTML documents and consists of rules with selectors and declarations specifying properties and values to control styling. PHP is a widely used server-side scripting language with roots in C and C++ that is commonly used with MySQL, a popular open-source database, to create dynamic web applications.
Introduction to HTML and CSS
This document summarizes a knowledge sharing session on HTML and CSS basics. It covers topics like HTML tags and structures, CSS rules and selectors, the CSS box model, positioning, sprites, and hacks for dealing with browser inconsistencies. The session introduced fundamental concepts for using HTML to structure content and CSS for styling and layout, providing examples for common tags, selectors, properties and techniques. It aimed to give attendees an overview of the core building blocks of HTML and CSS.
Cascading Style Sheets - Part 02
This document provides guidelines for writing CSS code, including:
1. Separating presentation from content using CSS and validating markup and CSS.
2. Organizing CSS files by specific sections (e.g. typography.css, grid.css) and using a master CSS file to import other files.
3. Avoiding inline styles and CSS hacks, using semantic markup, and making sites accessible to all users.
Introduction to web design discussing which languages is used for website des...
This PPT on web design gives you a brief introduction to web design discussing which languages is used for website designing
This PPT covers the following topics:
• What is website design
• Languages for web design
• Html (Hypertext markup language)
• Html elements
• Tables in HTML
• Html forms
• Tags of HTML
• Introduction to CSS
• CSS (Cascading Stylesheet)
• Types of stylesheet
• CSS selectors
• CSS background property
• CSS images
• CSS links
• CSS position
MAAN Software Inc. is a leading software firm generating its services since a long time in the domain of digital solution. It has successfully managed to aid hundreds of entrepreneurs and small businessmen to launch their endeavors and turn them into successful digital units.
Introduction to HTML
This document provides an introduction to HTML, including:
- HTML is a markup language used to describe web pages
- HTML tags are used to structure and layout content and are written with angle brackets
- The basic HTML page structure includes the <head> for metadata and <body> for visible content
- HTML elements can be styled using CSS with properties like display, position, float, and more
- Common tags include headings, paragraphs, lists, links, and div containers to group and style blocks of content
Intro to HTML & CSS
The document provides an overview of HTML and CSS, covering topics such as the structure of an HTML document, HTML tags, CSS, and how to create a basic webpage. It discusses what HTML and CSS are, why they are needed, popular HTML tags, and gives examples of adding CSS to an HTML document. It also provides a hands-on tutorial showing how to build a simple website covering HTML basics and using CSS for styling.
How Cascading Style Sheets (CSS) Works
CSS (Cascading Style Sheets) allows separation of document content from page layout/presentation. CSS was introduced to make web page design and modification easier. CSS properties control elements like text formatting, page layout, and color/images. CSS rules cascade from broad to specific with author styles overriding browser defaults. Common selectors target elements by ID, class, tag name or relationship.
Html
The document provides an overview of HTML, including:
- A brief history of HTML from its inception in 1991 to current HTML5 standards.
- An explanation of what HTML is and some of its core features like being a markup language, platform independence, and ease of formatting text.
- Descriptions of common HTML elements, tags, attributes, and how to structure a basic HTML document with tags like <html>, <head>, <body>, and use of DOCTYPE.
- Explanations of how to format and style text, add images, links, tables and use CSS for additional styling and layout.
Web technologies part-2
This document provides instructions for setting up the folder structure and initial HTML page for a web development project. It walks through creating folders for the project files and then adding the basic HTML structure and tags for the first page, including the <DOCTYPE>, <html>, <head>, <title>, and <body> elements. It also introduces adding CSS and JavaScript files by linking and scripting them into the <head> of the page. The goal is to set up the initial structure and files needed to begin building out the first web page.
More Related Content
What's hot
html-css
CSS (Cascading Style Sheets) is a stylesheet language used to describe the presentation of a document written in HTML or XML. CSS saves lots of work as formatting elements only need to be applied to one CSS file rather than individually formatting every HTML page. CSS rules consist of selectors that point to the HTML element to style paired with a declaration block containing CSS properties and values to determine how that element will look. Common CSS properties include those to control text formatting, background effects, borders, lists, links and positioning.
Intro to HTML, CSS & JS - Internship Presentation Week-3
The document provides an agenda and details for a weekly presentation during a training program on information technology. The presentation covers HTML, CSS, and JavaScript. It defines HTML and the differences between HTML4 and HTML5. It describes the HTML5 structure and semantic elements. It also defines CSS and why it is used, CSS selectors and syntax, the box model, CSS units, and different types of JavaScript functions.
Intro to HTML and CSS basics
This document provides an overview of HTML and CSS topics including:
- A brief history of HTML and CSS standards from 1990 to present.
- Descriptions of common HTML elements like <body>, <head>, <img>, <a>, and lists.
- Explanations of CSS concepts like selectors, properties, units, positioning, and layout fundamentals.
- Details on CSS topics like the box model, centering content, semantic HTML, and flexbox.
The document serves as a course outline or reference for learning HTML and CSS fundamentals.
Introduction to html & css
This document covers topics related to frontend web development including HTML5, CSS3, JavaScript, and jQuery. It discusses different types of web and mobile applications, as well as technologies and frameworks. The document then goes into detail about HTML document structure, various HTML elements like headings, paragraphs, links and images, using CSS for styling, CSS selectors, block and inline elements, and the CSS box model. It also covers HTML links, lists, and input elements.
Span and Div tags in HTML
This slide guides through the differences of the Span and Div tags in HTML.
I started a channel on YouTube for Networking lovers. "VERY SIMPLE NETWORKING" SERIES can be found at http://www.youtube.com/bgccnadom.
THANK YOU FOR YOUR SUPPORT AND LIKES.
A quick guide to Css and java script
This document provides information about cascading style sheets (CSS). It discusses the different ways to apply stylesheets, including inline, embedded, and external stylesheets. It explains that CSS controls the layout, fonts, colors and overall appearance of web pages. CSS allows separation of design from content and makes pages load faster. The document also covers CSS syntax, selectors, properties and values. Common CSS selectors for HTML elements like headings, paragraphs and horizontal rules are listed along with their properties.
Frontend Crash Course: HTML and CSS
This document provides an overview of an HTML and CSS crash course, including:
- Introductions and goals of learning frontend development concepts
- Explanations of HTML tags, elements, and attributes
- Explanations of CSS selectors, properties, values, and basic layout techniques
- Examples and drills for applying HTML and CSS concepts
- A positioning exercise for further practice with CSS layout
The document guides students through building their first website and provides resources for continuing to learn frontend development on their own.
HTML CSS | Computer Science
HTML stands for Hyper Text Mark-up Language and CSS stands for Cascading Style Sheet. HTML 5 is the latest utility programming language. There is no big difference between HTML and HTML5. Copy the link given below and paste it in new browser window to get more information on HTML CSS:- www.transtutors.com/homework-help/computer-science/html-css.aspx
Web Layout
This document discusses various CSS properties for controlling web page layout and positioning of elements. It covers the CSS box model including margins, borders, padding and content, and properties for defining dimensions, positioning, floats and more. Examples are provided for setting widths, heights, paddings, borders, the display property, and using relative, fixed and absolute positioning.
HTML/CSS/java Script/Jquery
The document provides an overview of HTML, CSS, JavaScript and jQuery. It describes what each technology is, examples of common tags and syntax, and how they are used together. HTML is a markup language used to define the structure and layout of web pages using tags. CSS is used to style and lay out HTML elements, and can be linked externally or embedded internally or inline. JavaScript can be used to add interactive elements and dynamic behavior to HTML pages client-side. jQuery is a JavaScript library that simplifies tasks like HTML document traversal and manipulation, events, animations and Ajax.
Html and css
HTML and CSS are markup languages used to structure and style web pages. HTML is used to define the structure and semantics of content, while CSS handles the presentation and layout. Some key points covered include:
- HTML stands for Hypertext Markup Language and uses tags to structure content into headings, paragraphs, lists etc. CSS is used to specify rules that control the presentation and formatting of HTML elements.
- The box model is a fundamental concept in CSS that treats each HTML element as a box, including properties like margins, borders, padding and content.
- Common CSS selectors include element selectors, class selectors, ID selectors and pseudo-classes. The specificity of selectors determines which styles
KMUTNB - Internet Programming 4/7
Lecture for King Mongkut's University of Technology North Bangkok (KMUTNB) / Computer Science / Internet Programming Course by PHUPHA
Html JavaScript and CSS
The document provides background information on HTML, JavaScript, CSS, and their relationships. It discusses how SGML led to the creation of HTML by Tim Berners-Lee as a subset of SGML. Cascading Style Sheets (CSS) were later created to separate document structure from presentation. Extensible Markup Language (XML) further separated content from style. The document also covers the evolution of HTML versions and the creation of XHTML.
Html and css presentation
HTML is used to create web documents and consists of text and markup tags to define structure, appearance, and hyperlinks. There are two types of tags: container tags define sections of text using start and end tags, and empty tags represent single occurrences like line breaks. CSS is used to style HTML documents and consists of rules with selectors and declarations specifying properties and values to control styling. PHP is a widely used server-side scripting language with roots in C and C++ that is commonly used with MySQL, a popular open-source database, to create dynamic web applications.
Introduction to HTML and CSS
This document summarizes a knowledge sharing session on HTML and CSS basics. It covers topics like HTML tags and structures, CSS rules and selectors, the CSS box model, positioning, sprites, and hacks for dealing with browser inconsistencies. The session introduced fundamental concepts for using HTML to structure content and CSS for styling and layout, providing examples for common tags, selectors, properties and techniques. It aimed to give attendees an overview of the core building blocks of HTML and CSS.
Cascading Style Sheets - Part 02
This document provides guidelines for writing CSS code, including:
1. Separating presentation from content using CSS and validating markup and CSS.
2. Organizing CSS files by specific sections (e.g. typography.css, grid.css) and using a master CSS file to import other files.
3. Avoiding inline styles and CSS hacks, using semantic markup, and making sites accessible to all users.
Introduction to web design discussing which languages is used for website des...
This PPT on web design gives you a brief introduction to web design discussing which languages is used for website designing
This PPT covers the following topics:
• What is website design
• Languages for web design
• Html (Hypertext markup language)
• Html elements
• Tables in HTML
• Html forms
• Tags of HTML
• Introduction to CSS
• CSS (Cascading Stylesheet)
• Types of stylesheet
• CSS selectors
• CSS background property
• CSS images
• CSS links
• CSS position
MAAN Software Inc. is a leading software firm generating its services since a long time in the domain of digital solution. It has successfully managed to aid hundreds of entrepreneurs and small businessmen to launch their endeavors and turn them into successful digital units.
Introduction to HTML
This document provides an introduction to HTML, including:
- HTML is a markup language used to describe web pages
- HTML tags are used to structure and layout content and are written with angle brackets
- The basic HTML page structure includes the <head> for metadata and <body> for visible content
- HTML elements can be styled using CSS with properties like display, position, float, and more
- Common tags include headings, paragraphs, lists, links, and div containers to group and style blocks of content
Intro to HTML & CSS
The document provides an overview of HTML and CSS, covering topics such as the structure of an HTML document, HTML tags, CSS, and how to create a basic webpage. It discusses what HTML and CSS are, why they are needed, popular HTML tags, and gives examples of adding CSS to an HTML document. It also provides a hands-on tutorial showing how to build a simple website covering HTML basics and using CSS for styling.
How Cascading Style Sheets (CSS) Works
CSS (Cascading Style Sheets) allows separation of document content from page layout/presentation. CSS was introduced to make web page design and modification easier. CSS properties control elements like text formatting, page layout, and color/images. CSS rules cascade from broad to specific with author styles overriding browser defaults. Common selectors target elements by ID, class, tag name or relationship.
What's hot (20)
Intro to HTML, CSS & JS - Internship Presentation Week-3
Intro to HTML, CSS & JS - Internship Presentation Week-3
Introduction to web design discussing which languages is used for website des...
Introduction to web design discussing which languages is used for website des...
Similar to CSC103 Web Technologies: HTML, CSS, JS
Html
The document provides an overview of HTML, including:
- A brief history of HTML from its inception in 1991 to current HTML5 standards.
- An explanation of what HTML is and some of its core features like being a markup language, platform independence, and ease of formatting text.
- Descriptions of common HTML elements, tags, attributes, and how to structure a basic HTML document with tags like <html>, <head>, <body>, and use of DOCTYPE.
- Explanations of how to format and style text, add images, links, tables and use CSS for additional styling and layout.
Web technologies part-2
This document provides instructions for setting up the folder structure and initial HTML page for a web development project. It walks through creating folders for the project files and then adding the basic HTML structure and tags for the first page, including the <DOCTYPE>, <html>, <head>, <title>, and <body> elements. It also introduces adding CSS and JavaScript files by linking and scripting them into the <head> of the page. The goal is to set up the initial structure and files needed to begin building out the first web page.
Overview of PHP and MYSQL
The document provides an overview of PHP and MySQL. It defines PHP and MySQL, describes a three-tier architecture using XAMPP, and covers various PHP and MySQL concepts like variables, sessions, queries, validation, exporting/importing data, and PDF generation. Key topics covered include the basic syntax of PHP codes, MySQL functions for connection and queries, and using the FPDF library to generate PDFs with PHP.
Pfnp slides
1) The document provides resources for a front-end development session including working files, slides, and an agenda.
2) It reviews HTML tags, CSS selectors, the box model, positioning, and Flexbox.
3) Instructions are given to install Atom plugins and review JavaScript and JQuery before adding an Express server to a webpage.
HTML5 Semantics
The document discusses the new semantic elements introduced in HTML5 that provide more control over document structure and semantics. It explains elements like section, article, header, footer, nav, and figure that help convey meaning and relationships between different parts of content. The presentation also simplifies some HTML syntax and clarifies the proper uses of existing elements like em, strong, cite, and hr.
Chapter 4a cascade style sheet css
The document discusses different types of client-side scripts including Cascading Style Sheets (CSS), JavaScript, and Dynamic HTML (DHTML). It explains how CSS can be used to style web pages through internal, external, and inline styling. Common CSS properties for styling backgrounds, text, and other elements are also described.
INTERNSHIP PROJECT PPT RAJ HZL.pdf
Raj Acharya presents details of his internship project on front-end web development. He completed a month-long training program at BIRLA Institute of Technology in Jaipur, India, where he learned HTML, CSS, and JavaScript. He describes the basic concepts and elements of HTML, including headings, paragraphs, links, images, tables, and lists. He also provides an overview of CSS and how it is used to style web pages.
HTML Foundations, part 1
The document provides an overview of HTML elements and tags for basic webpage structure and formatting. It discusses the <html>, <head>, <body> tags and their uses. It also covers common text formatting tags (<p>, <h1>-<h6>), lists (<ul>, <ol>, <li>), links (<a>), images (<img>), and the differences between relative and absolute links. The document is intended as an introduction to basic HTML tags and elements for building webpage structure.
Dsc Charusat Learning React Part 1
DSC Charusat brings out a "Learning React" Series workshop for you all. So the first workshop of the series is on 19th Sept,20 (Saturday) and it will cover Basics of HTML, CSS and JS with ES6
CSS.pptx
This document provides an introduction to Cascading Style Sheets (CSS) including:
- CSS is used to describe the presentation of documents including sizes, spacing, fonts, colors, and layout.
- CSS separates content from presentation by defining styles in a separate CSS file rather than within HTML tags.
- CSS rules consist of selectors, declarations separated by semicolons, and properties and values separated by colons to style specific elements.
CSS Methodology
The document provides an overview of CSS (Cascading Style Sheets) methodology. It defines CSS as the language used for implementing designs on HTML documents. It then covers CSS basics including selectors, properties, conflicts resolution using specificity and cascade order. It also discusses the box model which defines how browsers handle rectangular boxes for elements. Finally, it offers some best practices tips such as resetting styles, separating content from design, and planning layout during HTML coding.
CSS Foundations, pt 1
The document provides an overview of CSS foundations including the three layers of web design, what CSS is, CSS syntax, selectors, applying styles, and the cascade. It discusses the structure, style, and behavior layers and how CSS is used to control presentation. Key points covered include the different ways to add CSS rules, CSS selectors like type, ID, class, and descendant selectors, and how specificity and inheritance apply styles. It also reviews CSS properties for styling text, lists, and links.
CSS Part I
This document provides an introduction to Cascading Style Sheets (CSS), including what CSS is, how it separates content from presentation, and how to link CSS to HTML documents. It describes CSS syntax, selectors, properties and values. It also covers CSS precedence and inheritance, and different methods for including CSS like embedded, inline and external stylesheets.
Intermediate Web Design.doc
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and three methods for including CSS - external, internal, and inline stylesheets. It emphasizes that external stylesheets allow applying styles across multiple pages and that inline styles should only be used for one-time instances.
Intermediate Web Design.doc
This document provides an overview of intermediate web design concepts including meta tags, favorites icons, CSS, and ways to add CSS to HTML pages. It discusses using meta tags to provide non-visible page information to search engines, adding a custom favorites icon, basic CSS syntax and properties, and embedding, internal and external methods for linking CSS to HTML pages. The document aims to teach intermediate web design skills and CSS implementation.
HTML Fundamentals
The document provides an introduction to HTML basics including text, images, tables and forms. It covers the structure of an HTML document with the <head> and <body> sections. It describes common tags for headings, paragraphs, hyperlinks and images. It also discusses attributes, comments, and different ways to style and format text in HTML. The document is intended to teach HTML fundamentals.
3 1-html-fundamentals-110302100520-phpapp02
The document provides an introduction to HTML basics including the structure of an HTML document and common tags. It discusses the <head> and <body> sections, with the <head> containing metadata like the <title> and optional <meta>, <script>, and <style> tags. The <body> contains the visible page content and supports text formatting, hyperlinks, images, lists, and divisions/spans.
HowTo_CSS
The document discusses how to use Cascading Style Sheets (CSS) with Corvid Servlet Runtime templates to control formatting and layout. CSS allows separating design from content, making templates simpler and easier to maintain. It also enables adapting appearance for different devices. The document provides examples of using CSS classes to style template elements and explains how to set up a demo system using the included CSS and templates.
Similar to CSC103 Web Technologies: HTML, CSS, JS (20)
More from Richard Homa
Programming 1: Compilers, Interpreters & Bytecode
Explanation of Compilers, Interpreters and Bytecode using a number of sources - related to Python programming.
CSC103 Digital Security
Provides a general overview of digital security in terms of threats and protective measures and practices. (Follows Cengage text, Module 7)
CSC 103 Databases Overview
This document discusses databases and how they are used to organize collections of information. A database consists of records and fields that can be easily accessed, managed and updated. Common databases include customer profiles, employee information, and product inventories. Information in databases is organized into tables with rows and columns. Popular database software includes Microsoft Access, which allows users to create, read, update and delete records. Databases are stored on servers and can be accessed via query languages like SQL.
CSC103 Intro to Programming
PowerPoint Presentation that introduces the Programming Unit with some basic overview, terms, history before working with the Python programming language.
CSC103 Gaming Overview (for Everyone)
This document provides an overview of gaming, including consoles, terms, and history. It discusses why familiarity with games is important, such as for kids, students, and game development majors. It then covers various consoles, basic game terms like exclusive/cross-platform games and graphics capabilities. Gameplay terms like online/local multiplayer and genres like FPS and MMOs are defined. The document concludes by discussing game development aspects like programming languages, 3D modeling/animation software, and a brief history of gaming from the 1970s to modern games.
CSC103 3D Software & Technology
This document provides an overview of 3D software and technology. It discusses how 3D technology is used in entertainment, gaming, healthcare, design and other industries. It also describes common 3D software applications for modeling, animation and rendering like Maya, 3ds Max, Blender and others. Unlike 2D software, 3D software allows users to work in a 3D space with x, y and z coordinates and view scenes from different perspectives. It explains basic 3D terms and interface elements like grids, cameras, lights and primitive shapes.
CSC103 Vector vs Raster Graphics
This document compares vector and raster graphics, explaining that raster graphics use pixels that lose quality when enlarged while vector graphics use paths composed of anchor points that can scale to any size without quality loss. It provides examples of raster and vector graphics at different magnifications and discusses commonly used file formats and software for each.
CSC103 Bits, Bytes & Binary
This document discusses how digital data is represented and stored using binary numbers in computers. It explains that binary uses only 1s and 0s, with each binary digit called a bit. 8 bits make a byte, which can represent 256 combinations. Bytes can store numbers, letters, images and other digital data. The document provides examples of how binary numbers represent decimal numbers and how binary is used to store RGB color codes in hexadecimal format.
CSC103 Processing, Memory & Storage
This document discusses digital devices and their processing and memory components. It describes how the CPU works with a control unit and ALU to fetch, decode, and execute instructions. The CPU has factors like clock speed, number of cores, and cache memory. Memory is volatile RAM for short-term use and non-volatile ROM and hard drives for long-term storage. Storage needs depend on the operating system, applications, data, photos, music and video. Larger storage options include cloud, SSD, multiple hard drives, and external drives.
CSC103 Digital Devices: Device Basics
Basic intro to computer processes and hardware components. Coincides somewhat with content from Cengage Computer Concepts 2018 textbook,
CSC103 Internet
This document provides an overview of the history and components of the Internet. It discusses how ARPAnet in 1969 connected 4 computers and led to the development of the World Wide Web by Tim Berners-Lee in 1989. It describes the growth of Internet users from 1% of the world population in 1995 to over 40% today. Key components covered include browsers, URLs, IP addresses, protocols, and HTML. The document concludes with a discussion of content management systems used to create websites.
CCS103 Bits, Bytes, Binary
This document discusses how computers use binary digits (bits) and bytes to represent and store data. It explains that binary is a base-2 system that uses combinations of 1s and 0s to form instructions and measurements like file size. Bytes are made up of 8 bits that can be translated to letters, numbers, and pixels. The document also covers how binary numbers are converted to decimal numbers and hexadecimal color codes.
CSC103 Digital Images, Pixels, RGB Colors
This document discusses digital images and pixels. It explains that a pixel is the smallest element that makes up a digital image and can display one of millions of colors. The bit depth of pixels determines the possible color range, from 1-bit images that are black and white, to 8-bit grayscale with 256 shades of gray, to 24-bit RGB color images with over 16 million colors. Higher resolution images have smaller pixels and can capture more detail, while low resolution images have larger pixels and less detail. Common file formats for images are also summarized.
Excel Review Quiz
This document is a 10 question review quiz for an intro to Excel course. It asks students to identify parts of the Excel interface like column letters, row numbers, the worksheet area, the formula bar, the active cell, the fill handle, the autofill handle, cell references, formatting options, and the sum button. The questions are multiple choice or short answer to test students' understanding of basic Excel terminology and functions.
CSC102 Excel Basics
This document provides an introduction to the basic concepts of Microsoft Excel including rows, columns, cells and cell references like B2 and C5. It explains how to select columns, rows, and individual cells using the name box to see the cell reference. It also describes how to copy cell formulas to adjacent cells by dragging the fill handle or using the fill handle.
CSC102 Word Paragraph Formatting
This document summarizes formatting options for paragraphs in Word, including settings for indentation, spacing, and tabs. It demonstrates different indentation styles like left indents, hanging indents, and first line indents. It also shows how to adjust line spacing and set tabs. Formatting options are accessed through the Paragraph Settings dialog box and allow control over appearance and layout of text.
CSC102 Computer Software
This document provides an overview of various computer concepts and software topics, including operating systems, web browsers, application suites, graphic software, creative tools, coding platforms, and social media. It discusses the functions of operating systems and common types like Windows, Mac OS, Linux and mobile OS. Application software is categorized into office suites like Microsoft Office and Google Docs, graphic suites like Adobe Creative Cloud, video/audio editors, 3D modeling tools, and coding environments. Social media is also briefly mentioned.
CSC102 Computer Connectivity
This document provides an overview of computer connectivity and networking concepts. It defines different types of networks like WAN, MAN, LAN, HAN and PAN based on distance and administration. A home network typically uses broadband internet through a cable or DSL modem connected to a wireless router. The router allows devices to connect to the internet and each other via Ethernet, WiFi or other wireless technologies. Common connections between devices include USB, HDMI, Firewire, RCA and Bluetooth.
CSC 102 Computer Intro
This document provides an overview of basic computer hardware concepts. It discusses what computers are, the hardware and software components, and the input/output/processing/storage (IPOS) cycle. Specific hardware covered includes input devices like keyboards and mice, processing components like the CPU and RAM, and storage options like hard drives, flash drives, optical discs, and cloud storage. It also defines bits and bytes as the basic units of digital information storage.
Creating Immersive Technology Experiences with Web-based Software & Resources
This document discusses improving engagement for an introductory computing course through web-based and hands-on activities. The course previously relied heavily on textbooks and PowerPoint, but will now use free online tools to teach topics like digital images, vector art, programming, web development and video editing. Students will use websites like Pixlr, Vectr, Trinket, CodePen and WeVideo to complete projects instead of traditional software. The goal is to better engage varied students by making lessons interactive, project-based and removing barriers to participating outside of class. Potential issues like intimidating content and technology are addressed through low-pressure exploration, encouragement and optional homework videos.
More from Richard Homa (20)
Creating Immersive Technology Experiences with Web-based Software & Resources
Creating Immersive Technology Experiences with Web-based Software & Resources
Recently uploaded
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
ABSTRACT: A prima vista, un mattoncino Lego e la backdoor XZ potrebbero avere in comune il fatto di essere entrambi blocchi di costruzione, o dipendenze di progetti creativi e software. La realtà è che un mattoncino Lego e il caso della backdoor XZ hanno molto di più di tutto ciò in comune.
Partecipate alla presentazione per immergervi in una storia di interoperabilità, standard e formati aperti, per poi discutere del ruolo importante che i contributori hanno in una comunità open source sostenibile.
BIO: Sostenitrice del software libero e dei formati standard e aperti. È stata un membro attivo dei progetti Fedora e openSUSE e ha co-fondato l'Associazione LibreItalia dove è stata coinvolta in diversi eventi, migrazioni e formazione relativi a LibreOffice. In precedenza ha lavorato a migrazioni e corsi di formazione su LibreOffice per diverse amministrazioni pubbliche e privati. Da gennaio 2020 lavora in SUSE come Software Release Engineer per Uyuni e SUSE Manager e quando non segue la sua passione per i computer e per Geeko coltiva la sua curiosità per l'astronomia (da cui deriva il suo nickname deneb_alpha).
Removing Uninteresting Bytes in Software Fuzzing
Imagine a world where software fuzzing, the process of mutating bytes in test seeds to uncover hidden and erroneous program behaviors, becomes faster and more effective. A lot depends on the initial seeds, which can significantly dictate the trajectory of a fuzzing campaign, particularly in terms of how long it takes to uncover interesting behaviour in your code. We introduce DIAR, a technique designed to speedup fuzzing campaigns by pinpointing and eliminating those uninteresting bytes in the seeds. Picture this: instead of wasting valuable resources on meaningless mutations in large, bloated seeds, DIAR removes the unnecessary bytes, streamlining the entire process.
In this work, we equipped AFL, a popular fuzzer, with DIAR and examined two critical Linux libraries -- Libxml's xmllint, a tool for parsing xml documents, and Binutil's readelf, an essential debugging and security analysis command-line tool used to display detailed information about ELF (Executable and Linkable Format). Our preliminary results show that AFL+DIAR does not only discover new paths more quickly but also achieves higher coverage overall. This work thus showcases how starting with lean and optimized seeds can lead to faster, more comprehensive fuzzing campaigns -- and DIAR helps you find such seeds.
- These are slides of the talk given at IEEE International Conference on Software Testing Verification and Validation Workshop, ICSTW 2022.
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Dr. Sean Tan, Head of Data Science, Changi Airport Group
Discover how Changi Airport Group (CAG) leverages graph technologies and generative AI to revolutionize their search capabilities. This session delves into the unique search needs of CAG’s diverse passengers and customers, showcasing how graph data structures enhance the accuracy and relevance of AI-generated search results, mitigating the risk of “hallucinations” and improving the overall customer journey.
20 Comprehensive Checklist of Designing and Developing a Website
Dive into the world of Website Designing and Developing with Pixlogix! Looking to create a stunning online presence? Look no further! Our comprehensive checklist covers everything you need to know to craft a website that stands out. From user-friendly design to seamless functionality, we've got you covered. Don't miss out on this invaluable resource! Check out our checklist now at Pixlogix and start your journey towards a captivating online presence today.
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Join us to introduce Milvus Lite, a vector database that can run on notebooks and laptops, share the same API with Milvus, and integrate with every popular GenAI framework. This webinar is perfect for developers seeking easy-to-use, well-integrated vector databases for their GenAI apps.
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...Edge AI and Vision Alliance
For the full video of this presentation, please visit: https://www.edge-ai-vision.com/2024/06/building-and-scaling-ai-applications-with-the-nx-ai-manager-a-presentation-from-network-optix/
Robin van Emden, Senior Director of Data Science at Network Optix, presents the “Building and Scaling AI Applications with the Nx AI Manager,” tutorial at the May 2024 Embedded Vision Summit.
In this presentation, van Emden covers the basics of scaling edge AI solutions using the Nx tool kit. He emphasizes the process of developing AI models and deploying them globally. He also showcases the conversion of AI models and the creation of effective edge AI pipelines, with a focus on pre-processing, model conversion, selecting the appropriate inference engine for the target hardware and post-processing.
van Emden shows how Nx can simplify the developer’s life and facilitate a rapid transition from concept to production-ready applications.He provides valuable insights into developing scalable and efficient edge AI solutions, with a strong focus on practical implementation.How to Get CNIC Information System with Paksim Ga.pptx
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Video Streaming: Then, Now, and in the Future
In his public lecture, Christian Timmerer provides insights into the fascinating history of video streaming, starting from its humble beginnings before YouTube to the groundbreaking technologies that now dominate platforms like Netflix and ORF ON. Timmerer also presents provocative contributions of his own that have significantly influenced the industry. He concludes by looking at future challenges and invites the audience to join in a discussion.
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Discover the seamless integration of RPA (Robotic Process Automation), COMPOSER, and APM with AWS IDP enhanced with Slack notifications. Explore how these technologies converge to streamline workflows, optimize performance, and ensure secure access, all while leveraging the power of AWS IDP and real-time communication via Slack notifications.
Microsoft - Power Platform_G.Aspiotis.pdf
Revolutionizing Application Development
with AI-powered low-code, presentation by George Aspiotis, Sr. Partner Development Manager, Microsoft
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Monitoring and observability aren’t traditionally found in software curriculums and many of us cobble this knowledge together from whatever vendor or ecosystem we were first introduced to and whatever is a part of your current company’s observability stack.
While the dev and ops silo continues to crumble….many organizations still relegate monitoring & observability as the purview of ops, infra and SRE teams. This is a mistake - achieving a highly observable system requires collaboration up and down the stack.
I, a former op, would like to extend an invitation to all application developers to join the observability party will share these foundational concepts to build on:
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
The choice of an operating system plays a pivotal role in shaping our computing experience. For decades, Microsoft's Windows has dominated the market, offering a familiar and widely adopted platform for personal and professional use. However, as technological advancements continue to push the boundaries of innovation, alternative operating systems have emerged, challenging the status quo and offering users a fresh perspective on computing.
One such alternative that has garnered significant attention and acclaim is Nitrux Linux 3.5.0, a sleek, powerful, and user-friendly Linux distribution that promises to redefine the way we interact with our devices. With its focus on performance, security, and customization, Nitrux Linux presents a compelling case for those seeking to break free from the constraints of proprietary software and embrace the freedom and flexibility of open-source computing.
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neha Bajwa, Vice President of Product Marketing, Neo4j
Join us as we explore breakthrough innovations enabled by interconnected data and AI. Discover firsthand how organizations use relationships in data to uncover contextual insights and solve our most pressing challenges – from optimizing supply chains, detecting fraud, and improving customer experiences to accelerating drug discoveries.
Essentials of Automations: The Art of Triggers and Actions in FME
In this second installment of our Essentials of Automations webinar series, we’ll explore the landscape of triggers and actions, guiding you through the nuances of authoring and adapting workspaces for seamless automations. Gain an understanding of the full spectrum of triggers and actions available in FME, empowering you to enhance your workspaces for efficient automation.
We’ll kick things off by showcasing the most commonly used event-based triggers, introducing you to various automation workflows like manual triggers, schedules, directory watchers, and more. Plus, see how these elements play out in real scenarios.
Whether you’re tweaking your current setup or building from the ground up, this session will arm you with the tools and insights needed to transform your FME usage into a powerhouse of productivity. Join us to discover effective strategies that simplify complex processes, enhancing your productivity and transforming your data management practices with FME. Let’s turn complexity into clarity and make your workspaces work wonders!
UiPath Test Automation using UiPath Test Suite series, part 5
Welcome to UiPath Test Automation using UiPath Test Suite series part 5. In this session, we will cover CI/CD with devops.
Topics covered:
CI/CD with in UiPath
End-to-end overview of CI/CD pipeline with Azure devops
Speaker:
Lyndsey Byblow, Test Suite Sales Engineer @ UiPath, Inc.
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Discover how MongoDB Atlas and vector search technology can revolutionize your application's search capabilities. This comprehensive presentation covers:
* What is Vector Search?
* Importance and benefits of vector search
* Practical use cases across various industries
* Step-by-step implementation guide
* Live demos with code snippets
* Enhancing LLM capabilities with vector search
* Best practices and optimization strategies
Perfect for developers, AI enthusiasts, and tech leaders. Learn how to leverage MongoDB Atlas to deliver highly relevant, context-aware search results, transforming your data retrieval process. Stay ahead in tech innovation and maximize the potential of your applications.
#MongoDB #VectorSearch #AI #SemanticSearch #TechInnovation #DataScience #LLM #MachineLearning #SearchTechnology
Recently uploaded (20)
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
Cosa hanno in comune un mattoncino Lego e la backdoor XZ?
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
20 Comprehensive Checklist of Designing and Developing a Website
20 Comprehensive Checklist of Designing and Developing a Website
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
Introducing Milvus Lite: Easy-to-Install, Easy-to-Use vector database for you...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Essentials of Automations: The Art of Triggers and Actions in FME
Essentials of Automations: The Art of Triggers and Actions in FME
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
CSC103 Web Technologies: HTML, CSS, JS
- 1. S Unit 7- Web Dev Topics HTML, CSS, JavaScript CSC 103
- 2. HTML HTML - Structure & Content Layer HTML should be structured in a logical and hierarchal system of importance. Content should be easily accessible at the lowest level of technology
- 3. HTML Hypertext Markup Language HTML Code The elements (tags and markup) of HTML code are interpreted by browsers and displayed as a web page with text, images and hyperlinks.. <html> </html>
- 4. HTML Basic Structure DTD (DOCTYPE Declaration HTML Element (Opening tag) Closing HTML tag Head Element Closing Head Tag Page Title Meta Element Visual Part of Page
- 8. CSS – Cascading Style Sheets CSS – Presentation Layer CSS provides properties for formatting, layout and design of HTML elements. CSS is more efficient when modified independently of the HTML code
- 9. CSS – Cascading Style Sheets Syntax Source: w3chools.com
- 10. CSS – Cascading Style Sheets Declaration Blocks
- 11. CSS – Cascading Style Sheets CSS – Can be applied 3 ways… As a separate .css file (similar to CodePen) Inline (inside HTML tags) Inside <style> tags within the html <head> element
- 12. CSS – Cascading Style Sheets Using CodePen CSS Panel… which is similar to using an external CSS file Affects all elements in body Affects only the h1 element Affects all paragraphs
- 13. CSS – Cascading Style Sheets Using CodePen CSS Panel… More examples… - Resizes image - Floats to the right - Adds a border CSS comment Changes line-spacing of list
- 14. JavaScript JavaScript – Behavioral Layer ECMA Script - Not related to Java, but similar in syntax at times Client Side – events occur locally in the browser, server not required Can communicate with HTML elements through the their ID names
- 15. JavaScript Syntax Case Matters… getElementById("pic”).innerHTML tipcalc( ) is not the same as tipCalc( ) Punctuation Matters… " " ' ' ; : . { } ( ) Semi-colons ; are used to terminate or end statements
- 16. Code Comments Comments are used in order to… Identify/highlight areas or sections of code Provide notes to self or team members Temporarily deactivate or hide code Examples… <!--html comment--> /*css or js comment*/ //javascript single line comment