Embed Size (px)
Citation preview
Syntax of the HTMLHyperText Markup Language
HTML Syntax
What is it?
Helps computer know how to display
What goes into it?
U+FEFF BYTE ORDER MARK (BOM) character
Ex: UTF-8
!DOCTYPE
The root Element
U+FEFF (BOM)
Tells the computer about the text
Is it 8-bit? 16-bit? 32-bit?
Including this is optional
EncodingRepresentation (hexadecimal)
Representation (decimal)
Bytes as CP1252 characters
UTF-8[t 1] EF BB BF 239 187 191 https://en.wikipedia.org/wiki/Byte_order_mark
DOCTYPE
DOCTYPE tells the rendering mode
Like including different libraries
Types:
math
html
(xhtml) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN“ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html>
Root element
Encloses all other elements
Parent element
This contains all elements
Example1:
<parent> <child>content</child> <child attribute="att"/> </parent>
Example 2:
<html> <head>content</head> <meta content="att"/> </html>
How to begin HTML SyntaxDOCTYPE
BOM
ROOT Element
<tagname>content</tagname>
This is an example of how HTML tags work in HTML. You havetag name, which tells HTML how to format/use the information.You then put your content in there. Afterwards, you must specifythat you have completed all you needed to do with that tag.
Examples of HTML Tags:
There are so many, I just provided a link to a list of them for you!
http://www.w3schools.com/tags/
Have fun exploring!
THANKS FOR WATCHING!
