HTML Tutorial - 1 Definitions WWW a software infrastructure...

Info icon This preview shows pages 1–15. Sign up to view the full content.

View Full Document Right Arrow Icon
1
Image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Definitions WWW -- a software infrastructure layered on top of the Internet HTTP -- HyperText Transport Protocol, layered on top of TCP HTTPS -- secure HTTP using encryption HTML -- HyperText Markup Language, version 4.01 is current 2
Image of page 2
3 HTML Page Format <HTML>      <HEAD> <TITLE> Qi’s web! </TITLE>      </HEAD>      <BODY>           <H1> Hello World </H1>           <! Rest of page goes here. This is a comment. >      </BODY> </HTML>
Image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
BODY Element <BODY attributename="attributevalue"> Deprecated attributes (but still used) BACKGROUND=“ Sunset.jpg” (can be tiled) BGCOLOR=color TEXT= color LINK= color (unvisited links) VLINK= color (visited links) ALINK= color (when selected) 4
Image of page 4
5 Headings <H1 ...> text </H1> -- largest of the six <H2 ...> text </H2> <H3 ...> text </H3> <H4 ...> text </H4> <H5 ...> text </H5> <H6 ...> text </H6> -- smallest of the six ALIGN= "position"  --left (default), center or right
Image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
6 Headings <HTML> <HEAD>   <TITLE>Document Headings</TITLE> </HEAD> <BODY> Samples of the six heading types: <H1> Level-1 (H1) </H1> <H2 ALIGN="center"> Level-2 (H2) </H2> <H3> <U>Level-3 (H3)</U> </H3> <H4 ALIGN="right"> Level-4 (H4) </H4> <H5> Level-5 (H5) </H5> <H6> Level-6 (H6) </H6> </BODY> </HTML>
Image of page 6
<P> Paragraph <P> defines a paragraph Add ALIGN= "position" (left, center, right) Multiple <P>'s do not create blank lines Use <BR> for blank line Fully-specified text uses <P> and </P> But </P> is optional 7
Image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
8   <BODY> <P>Here is some text </P> <P ALIGN="center"> Centered text </P> <P><P><P> <P ALIGN="right"> Right-justified text <! Note: no closing /P tag is not a problem> </BODY>
Image of page 8
9 Special Characters Character Use < &lt; > &gt; & &amp; " &quot; Space &nbsp;
Image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
Colors Values for BGCOLOR and COLOR many are predefined (red, blue, green, ...) all colors can be specified as a six character hexadecimal value: RRGGBB FF0000 – red 888888 – gray 004400 – dark green FFFF00 – yellow 10
Image of page 10
11 Fonts <FONT COLOR="red" SIZE="2" FACE="Times Roman"> This is the text of line one </FONT> <FONT COLOR="green" SIZE="4" FACE="Arial"> Line two contains this text </FONT> <FONT COLOR="blue" SIZE="6" FACE="Courier" The third line has this additional text </FONT> Note: <FONT> is now deprecated in favor of CSS.
Image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
12 Ordered (Numbered) Lists <OL TYPE="1">    <LI> Item one </LI>    <LI> Item two </LI>    <OL TYPE="I" >       <LI> Sublist item one </LI>       <LI> Sublist item two </LI>       <OL TYPE="i">          <LI> Sub-sublist item one </LI>          <LI> Sub-sublist item two </LI>       </OL>    </OL> </OL>
Image of page 12
13 Unordered (Bulleted) Lists <UL TYPE="disc">    <LI> One </LI>    <LI> Two </LI>    <UL TYPE="circle">       <LI> Three </LI>       <LI> Four </LI>       <UL TYPE="square">          <LI> Five </LI>          <LI> Six </LI>       </UL>    </UL> </UL>
Image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full Document Right Arrow Icon
14 Physical Character Styles <H1>Physical Character Styles</H1> <B>Bold</B><BR> <I>Italic</I><BR> <TT>Teletype (Monospaced)</TT><BR>
Image of page 14
Image of page 15
This is the end of the preview. Sign up to access the rest of the document.

{[ 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