Unit-2-HTML-basics.pdf - CP 202 Web Design Unit-2 Reaz...

This preview shows page 1 - 8 out of 33 pages.

CP 202 Web Design Unit-2 Reaz Ahmed
Image of page 1

Subscribe to view the full document.

Standardization Body Different web browsers with different capability Different version of same Web document for different browser Not efficient Standard format for Web documents needed W3C Word Wide Web Consortium Main standards organization for WWW Standardized different markup languages for Web documents
Image of page 2
Markup Language XML (eXtensible Markup Language) Is a set of Markups or Tags in text document Allows classification and special processing of text segments Extendable by creating new types of tags HTML A text only document with standard Markups or Tags Web pages = HTML documents Contains HTML Tags and Plain text XHTML (eXtensible HTML) Newer and more strict than HTML Inherits strict syntax rules of XML
Image of page 3

Subscribe to view the full document.

Markups / Tags tags are name s/keywords surrounded by < > (X)HTML tags surround text/ content = Element Opening tag + Content + Closing tag = Element Closing tag needs a / before the tag name Use only lowercase for tag names
Image of page 4
Text Headings < h1 > Heading Level 1 </ h1 > < h2 > Heading Level 2 </ h2 > < h3 > Heading Level 3 </ h3 > < h4 > Heading Level 4 </ h4 > < h5 > Heading Level 5 </ h5 > < h6 > Heading Level 6 </ h6 >
Image of page 5

Subscribe to view the full document.

Nesting of Tags (X)HTML tags can be nested The First tag opened should be the last closing tag: Properly nested tag example: <p> <b> <i> Content here </i> </b> </p> Not properly nested tag example: <p> <b> <i> Content here </p> </i> </b>
Image of page 6
HTML document Structure: <! DOCTYPE html> < html > < head > < meta charset = “utf -8" > < title > Window title </ title > </ head > < body > All content here. </ body > </ html > <!DOCTYPE …> : Different versions of HTML from W3C This defines the version of HTML code in this file HTML versions are called Document Type Definition (DTD) <!DOCTYPE html> is the DTD for HTML5
Image of page 7

Subscribe to view the full document.

Image of page 8
  • Winter '16
  • BISHOP

{[ snackBarMessage ]}

What students are saying

  • Left Quote Icon

    As a current student on this bumpy collegiate pathway, I stumbled upon Course Hero, where I can find study resources for nearly all my courses, get online help from tutors 24/7, and even share my old projects, papers, and lecture notes with other students.

    Student Picture

    Kiran Temple University Fox School of Business ‘17, Course Hero Intern

  • Left Quote Icon

    I cannot even describe how much Course Hero helped me this summer. It’s truly become something I can always rely on and help me. In the end, I was not only able to survive summer classes, but I was able to thrive thanks to Course Hero.

    Student Picture

    Dana University of Pennsylvania ‘17, Course Hero Intern

  • Left Quote Icon

    The ability to access any university’s resources through Course Hero proved invaluable in my case. I was behind on Tulane coursework and actually used UCLA’s materials to help me move forward and get everything together on time.

    Student Picture

    Jill Tulane University ‘16, Course Hero Intern