hypertext markup language. developed by tim berners-lee in 1990 stands for hypertext markup...
DESCRIPTION
HTML editor – where you type in/edit your HTML codes ◦ Notepad – recommended for beginners ◦ SimpleText – default text editor of Mac ◦ Arachnophilia (freeware) ◦ Macromedia|Adobe Dreamweaver (licensed) ◦ Microsoft Frontpage Editor (licensed)TRANSCRIPT
![Page 1: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/1.jpg)
Hypertext Markup Language
![Page 2: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/2.jpg)
Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to
display a web page. Plain text files (ASCII) with special "tags"
or codes that a web browser knows how to interpret and display on your screen.
![Page 3: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/3.jpg)
HTML editor – where you type in/edit your HTML codes
◦Notepad – recommended for beginners◦SimpleText – default text editor of Mac◦Arachnophilia (freeware)◦Macromedia|Adobe Dreamweaver
(licensed)◦Microsoft Frontpage Editor (licensed)
![Page 4: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/4.jpg)
Web browser – where you view your web page◦Internet Explorer◦Mozilla Firefox◦Opera
![Page 5: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/5.jpg)
Building blocks of HTML
Controls the layout and formatting of the elements in HTML
The general format for an HTML tag is:
<tag_name>string of text</tag_name>
![Page 6: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/6.jpg)
When a web browser displays a page, it reads an HTML file; then it looks for special codes or "tags" that are marked by the < and > signs.
To make a closing tag just add a / (backslash) to the starting tag.
Note: Most, but not all tags have a closing tag.
![Page 7: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/7.jpg)
PARTS OF HTML TAG
<font face=“Times New Roman”>HTML SERIES 10 </font>
TAG ATTRIBUTE TEXT CLOSING TAG
Note: Make sure to start with <html> and end with </html>.
![Page 8: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/8.jpg)
The required elements in every HTML file are the following tags:
o <HTML> </HTML>o <HEAD> </HEAD>o <TITLE> </TITLE>o <BODY> </BODY>
Note: HTML is not case sensitive. So either <HTML>, <html> or <HtMl> is okay.
![Page 9: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/9.jpg)
<HTML> </HTML>The HTML tag defines an HTML document.
<HEAD> </HEAD>Identifies the first part of your HTML-coded
document that contains the title.
![Page 10: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/10.jpg)
<TITLE> </TITLE> Typically displayed in the title bar at the top
of the browser window, but not inside the window itself.
Defines the title of an HTML document.
<BODY> </BODY> Introduces the body of the document Contains the content of your document
![Page 11: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/11.jpg)
An HTML document that defines the format and structure of the document.
Highlights important topics and the nature of the document.
Syntax:<H#> - start of heading</H#>- end of heading
Where:# is a number from 1 to 6
![Page 12: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/12.jpg)
ALIGN – changes the alignment of the headings
Values:o LEFTo RIGHTo CENTERo JUSTIFY
EX: <H1 ALIGN=“LEFT”> Heading 1 </H1>
![Page 13: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/13.jpg)
TITLE – enables the user to include advisory text that is displayed when a user places the mouse pointer over the heading
Example:<H1 TITLE=“Important_Heading”>
Heading 1 </H1>
![Page 14: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/14.jpg)
Used to introduce any line breaks
<BR> - place where the line break is to be inserted
![Page 15: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/15.jpg)
Define how text should be displayed on the browser
Control the physical characteristics of the text
There are 10 physical tags in HTML
o ITALIC – formats text to italicExample: <I>Italic</I>Result: Italic
![Page 16: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/16.jpg)
![Page 17: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/17.jpg)
o SUPERSCRIPT – superscripts the textExample: <SUP>Subscripted</SUB>Result: Superscripted
o SUBSCRIPT – subscripts the textExample: <SUB>Subscripted</SUB>Result: Subscripted
o TYPEWRITER – uses typewriter font as text fontExample: <TT>Typewriter</TT>Result: Typewriter
![Page 18: Hypertext Markup Language. Developed by Tim Berners-Lee in 1990 Stands for HyperText Markup Languange A format that tells a computer how to display](https://reader036.vdocuments.mx/reader036/viewer/2022062401/5a4d1b4e7f8b9ab0599a695d/html5/thumbnails/18.jpg)
o BIG – uses bigger font sizeExample: <BIG>Big</BIG>Result: Big
o SMALL – uses smaller font sizeExample: <SMALL>Small</SMALL>Result: Small