Html&css pp

•Download as PPTX, PDF•

0 likes•193 views

The basics of using HTML Terms Include: Element, creating a hyperlink with text and a picture, and creating lists. <p> Content </p> Paragraph <h1>Content</h1> Font Size <lu> Start List <li>content</li> Listen Bullets

Technology

WHAT IS HTML?
Hypertext Markup Language
A standardized system for tagging text
files to achieve font, color, graphic, and
hyperlink effects on World Wide Web
pages.
-The skeleton of any website

HTML ELEMENTS
Written with a start and ending tag
Ex: Beginning a paragraph
<p>beginning tag </p> ending tag
Content goes in the middle
<p>Content</p>

<!DOCTYPE html>
<html>
<head>
<title>Adam</title>
</head>
<body>
<p>Hello world!</p>
</body>
</html>

SO HOW DOES THIS ALL WORK?
 You can create a website using most any text
editor.
 WYSIWYG- Adobe Dreamweaver & Blue Griffon
 Pictures are referenced from a location on your
computer or the Internet.

CREATING A TEXT/PICTURE
HYPERLINK
<a href=google.com>Visit Google!</a>
Visit Google!
img src=www.picture.com/pictureofapicture.jpg
/>
<a href=google.com><img
src=www.picture.com/pictureofapicture.jpg/></a>

LISTS
 <ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
 Coffee
 Tea
 Milk

What's hot

Question 6nehajasmine

Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington MaDaniel Downs

Integrating Google EarthTolbert Elementary

Behat & Automated Testing (Lightning Talk)Rex Lorenzo

Form Follows FileAdub

Advanced Content Workflow Using GitHub and MarkdownIan Lurie

Html for beginnersFlorian Letsch

Html lesson1 5SabahtHussein

J309-14 Week Onekimbui

Upstate CSCI 450 WebDev Chapter 2DanWooster1

Html tagsKumar

Web design 2 - Basic HTML 2010Matthew Mobbs

Tweaking our new computersPaul Burgess

Xhtml Part1nleesite

Bush Computers Top 10 Free ProgramsAndy Bush

Lesson 2: Getting To Know HTMLOlivia Moran

Create google-sites by engineer and educator osama ghandourOsama Ghandour Geris

Web Design Basics for Kids: HTML & CSSAnnMarie Ppl

Google Sites Web Page CreationBrian Stumbaugh

Social Media Workshop - Word PressRomany Thresher

What's hot (20)

Question 6

Module 3 Progress Codes Web Design Daniel Downs Minuteman Lexington Ma

Integrating Google Earth

Behat & Automated Testing (Lightning Talk)

Form Follows File

Advanced Content Workflow Using GitHub and Markdown

Html for beginners

Html lesson1 5

J309-14 Week One

Upstate CSCI 450 WebDev Chapter 2

Html tags

Web design 2 - Basic HTML 2010

Tweaking our new computers

Xhtml Part1

Bush Computers Top 10 Free Programs

Lesson 2: Getting To Know HTML

Create google-sites by engineer and educator osama ghandour

Web Design Basics for Kids: HTML & CSS

Google Sites Web Page Creation

Social Media Workshop - Word Press

Similar to Html&css pp

Day of codeEvan Farr

Introduction to HTML and CSSdanpaquette

Create Web Pages by programming of your chice.pdfworkingdev2003

1.1 html lec 1IoT Code Lab

HTML Lab ProjectTo create a simple web page you will need .docxadampcarr67227

Intro to Web DevelopmentFrank Wu

VAIBHAV JAIN WEB TECHNOLOGY.pptxVAIBHAV481101

Html introDanielle Oser, APR

Presentation Slides.pptxPerfectkode Software Technology

HTML IntroductionHameda Hurmat

HTML, CSS And JAVASCRIPT!Syahmi RH

Web development basicsKalluri Vinay Reddy

HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdfAAFREEN SHAIKH

計算機概論20161205志宇許

Create a landing pageFabien Vauchelles

HtmlBhumika Ratan

HTML-INTRO.pptxSanjayKumarBahuguna1

Introduction to html class-1NoumanBalochHere

HTML Web design english & sinhala mix noteMahinda Gamage

Web development it slideWeb development it slidemy web development slide-...AliyuUmarIsa

Similar to Html&css pp (20)

Day of code

Introduction to HTML and CSS

Create Web Pages by programming of your chice.pdf

1.1 html lec 1

HTML Lab ProjectTo create a simple web page you will need .docx

Intro to Web Development

VAIBHAV JAIN WEB TECHNOLOGY.pptx

Html intro

Presentation Slides.pptx

HTML Introduction

HTML, CSS And JAVASCRIPT!

Web development basics

HSC INFORMATION TECHNOLOGY CHAPTER 1 ADVANCED WEB DESIGNING PART I.pdf

計算機概論20161205

Create a landing page

Html

HTML-INTRO.pptx

Introduction to html class-1

HTML Web design english & sinhala mix note

Web development it slideWeb development it slidemy web development slide-...

Recently uploaded

PHP Frameworks: I want to break free (IPC Berlin 2024)Ralf Eggert

Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...Sri Ambati

Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™UiPathCommunity

Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra

Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen

Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck

Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...Jeffrey Haguewood

To Graph or Not to Graph Knowledge Graph Architectures and LLMsPaul Groth

Bits & Pixels using AI for Good.........Alison B. Lowndes

Designing Great Products: The Power of Design and Leadership by Chief Designe...Product School

When stars align: studies in data quality, knowledge graphs, and machine lear...Elena Simperl

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Thierry Lestable

НАДІЯ ФЕДЮШКО БАЦ «Професійне зростання QA спеціаліста»QADay

State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V

GraphRAG is All You need? LLM & Knowledge GraphGuy Korland

UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10

Quantum Computing: Current Landscape and the Future Role of APIsVlad Stirbu

How world-class product teams are winning in the AI era by CEO and Founder, P...Product School

Recently uploaded (20)

PHP Frameworks: I want to break free (IPC Berlin 2024)

Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered Quality

GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...

Le nuove frontiere dell'AI nell'RPA con UiPath Autopilot™

Search and Society: Reimagining Information Access for Radical Futures

Neuro-symbolic is not enough, we need neuro-*semantic*

Transcript: Selling digital books in 2024: Insights from industry leaders - T...

Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024

Slack (or Teams) Automation for Bonterra Impact Management (fka Social Soluti...

To Graph or Not to Graph Knowledge Graph Architectures and LLMs

Bits & Pixels using AI for Good.........

Designing Great Products: The Power of Design and Leadership by Chief Designe...

When stars align: studies in data quality, knowledge graphs, and machine lear...

Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...

НАДІЯ ФЕДЮШКО БАЦ «Професійне зростання QA спеціаліста»

State of ICS and IoT Cyber Threat Landscape Report 2024 preview

GraphRAG is All You need? LLM & Knowledge Graph

UiPath Test Automation using UiPath Test Suite series, part 3

Quantum Computing: Current Landscape and the Future Role of APIs

How world-class product teams are winning in the AI era by CEO and Founder, P...

Html&css pp

2. WHAT IS HTML? Hypertext Markup Language A standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages. -The skeleton of any website

3. HTML ELEMENTS Written with a start and ending tag Ex: Beginning a paragraph <p>beginning tag </p> ending tag Content goes in the middle <p>Content</p>

4. <!DOCTYPE html> <html> <head> <title>Adam</title> </head> <body> <p>Hello world!</p> </body> </html>

7. SO HOW DOES THIS ALL WORK?  You can create a website using most any text editor.  WYSIWYG- Adobe Dreamweaver & Blue Griffon  Pictures are referenced from a location on your computer or the Internet.

8. CREATING A TEXT/PICTURE HYPERLINK <a href=google.com>Visit Google!</a> Visit Google! img src=www.picture.com/pictureofapicture.jpg /> <a href=google.com><img src=www.picture.com/pictureofapicture.jpg/></a>

9. LISTS  <ul> <li>Coffee</li> <li>Tea</li> <li>Milk</li> </ul>  Coffee  Tea  Milk

Html&css pp

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Html&css pp

Similar to Html&css pp (20)

More from jeckman1360

More from jeckman1360 (6)

Recently uploaded

Recently uploaded (20)

Html&css pp