Want to create interactive content? It’s easy in Genially!

Get started free

igor

IgITam

Created on December 17, 2023

Start designing with a free template

Discover more than 1500 professional designs like these:

Smart Quiz

Essential Quiz

Practical Quiz

Akihabara Quiz

Piñata Challenge

Math Calculations

Pixel Challenge

Explore all templates

Transcript

<

>

Designing and creating web sites

start>

HTML

HTML, or HyperText Markup Language, is the standard language used to create and design web pages. It uses tags to structure content on the web, like text, images, and links. HTML is essential for building the basic framework and content of a website.

CSS

CSS, or Cascading Style Sheets, is a language used to style and layout web pages. It controls the visual appearance of HTML content, such as colors, fonts, and spacing. CSS makes websites look more attractive and visually engaging.

JS

JavaScript, often abbreviated as JS, is a programming language that adds interactivity to websites. It allows for dynamic content like animations, forms responding to user input, and updating content without reloading the page. JavaScript makes web pages more interactive and user-friendly.

Where we can create pages?

NOTEBOOK

REPLIT

WORDPRESS

HTML CONSTRUCTION

1.The <head> Section: This part contains meta-information about the document, like its title and links to stylesheets or scripts. For example, <title>Page Title</title> sets the title shown in the browser tab. The <head> doesn't contain content shown directly on the webpage. 2.The <body> Section: This is where all visible content goes, like text, images, and links. Everything you see on a webpage, from headings (<h1> to <h6>) to paragraphs (<p>), is placed inside the <body>. 3.Other Tags: There are many other HTML tags for different purposes, like <a> for links, <ul> and <li> for lists, and <div> for dividing the page into sections. 4.Closing Tags: Most HTML tags have a closing tag with a slash, like </p> for paragraphs, which indicates the end of that element. Some tags, like <img>, don't have a closing tag and are self-contained.

<!DOCTYPE html> <html> <head> <title>My First Webpage</title> </head> <body> <h1>Welcome to My Website</h1> <p>This is a paragraph on my website.</p> <img src="image.jpg" alt="A description of the image"> </body> </html>

RESPONSIVE

Responsive design in HTML means making web pages look good on all devices, like phones, tablets, and computers. It uses CSS media queries to change styles based on the device's screen size. This way, the content adjusts automatically to fit the screen, making it easy to read and navigate on any device.

THANK YOU FOR YOUR ATTENTION

<

>

QUIZ