Html 1
This presentation is the property of its rightful owner.
Sponsored Links
1 / 32

HTML [#1] PowerPoint PPT Presentation


  • 112 Views
  • Uploaded on
  • Presentation posted in: General

HTML [#1]. HyperText Markup Language. ความหมายของ HTML. HTMLหรือ HyperText Markup Language เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag) ควบคุมการแสดงผลข้อความ, รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมเบราเซอร์

Download Presentation

HTML [#1]

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Html 1

HTML [#1]

HyperText Markup Language


Html 1

HTML

  • HTML HyperText Markup Language (Tag) ,

  • Tag Attribute

  • HTML World Wide Web Consortium (W3C) SGML (Standard Generalized Markup Language)

  • WWW Tag


Html 1

Tag

  • Tag HTML HTML less-than bracket ( < ) greater-than bracket ( > ) Tag HTML 2

    • Tag Tag <P>, <BR>

    • Tag / Tag Tag Tag Tag slash ( / ) Tag <B></B>, <BLINK></BLINK>


Attributes

Attributes

  • Attributes Tag < > Tag

  • Tag HTML Attribute Attribute 1 Attribute

    Attributes Tag <P>

    ALIGN="Left/Right/Center/Justify"

    <P ALIGN="Left">...</P>

    <P ALIGN="Right">...</P>

    <P ALIGN="Center">...</P>


Html 1

HTML

  • HTML Head Body Head Header Title Windows

  • Body Tag <HTML></HTML>


Head section

(Head Section)

  • Head Section (Title), (Author), (Keyword) Tag

<HEAD><TITLE></TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=TIS-620"><META NAME="Author" CONTENT=""><META NAME="KeyWords" CONTENT=" 1, 2, ">

</HEAD>


Html 1

  • TITLE 64 , , (Keyword)

  • Tag TITLE Tag TITLE ( Title Bar Window )

  • Tag META (Search Engine)

  • HTML


Body section

(Body Section)

  • Body Section Tag , , ,

  • Tag 1 1


Body section1

(Body Section) ..

  • Tag <BODY> </BODY>

    • /

    • (List)

    • (Table)


Notepad

NotePad

NotePad <Start, Progra, Accessories, NotePad>

  • <HTML><HEAD><TITLE>...............</TITLE></HEAD><BODY> .............................. </BODY></HTML>


Html 1

  • <HTML>..........</HTML>

    • <HTML> </HTML> HTML

    • HTML


Html 1

  • <HEAD>..........</HEAD>

    • <HEAD> HTML <HEAD>...</HEAD> <TITLE>........</TITLE>


Html 1

  • <TITLE>..........</TITLE >

    • <TITLE> HTML (Title Bar)


Html 1

  • <BODY>..........</BODY>


Html 1

<BODY> - 2 red, green, yellow, blue

  • <HTML><HEAD><TITLE></TITLE> </HEAD> <BODY BGCOLOR="yellow"> </BODY></HTML>


Html 1

2

16 RBG

  • <HTML><HEAD><TITLE></TITLE> </HEAD><BODY BGCOLOR="#FF66FF"> "#RBG"</BODY></HTML>


Html 1

16

RGB (Red Green Blue)

FF0000


Html 1

:: <BODY TEXT="#RGB ">

  • <HTML><HEAD><TITLE></TITLE> </HEAD><BODY BGCOLOR="yellow" text="blue" > </BODY></HTML>


Html 1

16 RBG

  • <HTML><HEAD> <TITLE></TITLE> </HEAD><BODY BGCOLOR="yellow" text="#FF0066" > </BODY></HTML>


Heading

(Heading)

:: <Hn>....Heading Text ... </Hn>

  • <HTML><HEAD><TITLE> Heading</TITLE> </HEAD><BODY> Computer - Default Size <H1>Computer - H1</H1> <H2>Computer - H2</H2> <H3>Computer - H3</H3> <H4>Computer - H4</H4> <H5>Computer - H5</H5> <H6>Computer - H6</H6></BODY></HTML>

n 1 - 6

n = 1

n = 6


Html 1

  • (Font size) 1 14-16 Point

  • <Hn> (Mark) XML CSS


Html 1

  • HTML 4.0 2

    • Logical Format -

    • Fixical Format -


Html 1

,,

:: <B>..........</B>, <U>..........</U> , <I>..........</I>

  • <HTML><HEAD> <TITLE>.</TITLE> </HEAD><BODY> COMPUTER <B>COMPUTER</B>

    <U>COMPUTER</U>

    <i>COMPUTER</i></BODY></HTML>

U


Html 1

:: <BLINK>..........</BLINK>

  • <HTML><HEAD> <TITLE></TITLE> </HEAD><BODY text="red"> <Blink>COMPUTER</Blink> Netscape</BODY></HTML>

Internet Explorer


Html 1

:: <FONT FACE="font name typeface">..........</FONT>

<HTML><HEAD> <TITLE>FONT FACE </TITLE> </HEAD><BODY> <BR> <FONT FACE="MS Sans Serif"> MS Sans Serif</Font></BODY>

</HTML>

  • / MS Sans Serif, Microsoft Sans Serif, Thonburi

  • Arial, Helvetica, sans-serif


Html 1

,

<FONT COLOR="#RGB ">..........</FONT>

<FONT SIZE="">..........</FONT>

  • <HTML><HEAD> <TITLE>FONT COLOR </TITLE> </HEAD><BODY text="yellow"> Computer<FONT COLOR=Red >Computer</FONT> Computer</BODY></HTML>


Html 1

<FONT SIZE="">..........</FONT>

  • <HTML><HEAD> <TITLE>FONT SIZE </TITLE> </HEAD><BODY text="Red"> <FONT SIZE="1">Computer</Font> <FONT SIZE="2">Computer</Font> <FONT SIZE="3">Computer</Font> <FONT SIZE="4">Computer</Font> <FONT SIZE="5">Computer</Font> <FONT SIZE="6">Computer</Font> <FONT SIZE="7">Computer</Font></BODY></HTML>

1 - 7 3


Html 1

<MARQUEE>..........</MARQUEE>

<HTML><HEAD> <TITLE>MARQUEE</TITLE> </HEAD><BODY> <Marquee><FONT SIZE="4" color="green"> Computer</Font></Marquee>

</BODY>

</HTML>

< MARQUEE > Internet Explorer

Attribute direction left,right,up,down

direction ="right"


Html 1

1

<SMALL>..........</SMALL>

  • <HTML><HEAD> <TITLE>SMALL </TITLE> </HEAD><BODY> <FONT SIZE="4" color="green" >Computer</Font> <Small>Computer</Small> <FONT SIZE="4" color="green">Computer</Font></BODY></HTML>

< SMALL > 1 < font size >


Html 1

1

<BIG>..........</BIG>

  • <HTML><HEAD> <TITLE>BIG </TITLE> </HEAD><BODY> <FONT SIZE="2" color="green" >Computer</Font> <Big>Computer</Big> <FONT SIZE="2" color="green">Computer</Font></BODY></HTML>

<BIG> 1 <font size>


Html 1

<SUP>..........</SUP>

  • <HTML><HEAD> <TITLE>SUPERSCRIPT</TITLE> </HEAD><BODY> <FONT SIZE="4" color="green" >Computer</Font> A<Sup>2</Sup> =4 <FONT SIZE="4" color="green">Computer</Font></BODY></HTML>

< SUP > (superscript)


Html 1

()

<SUB>..........</SUB>

  • < SUB > (subscript)

<HTML><HEAD> <TITLE>SUBSCRIPT</TITLE> </HEAD><BODY> <FONT SIZE="4" color="green" >Computer</Font>H<Sub>2</Sub>0 = Water

<FONT SIZE="4" color="green">Computer</Font></BODY></HTML>


  • Login