Scribd Logo
Hochladen

Willkommen bei Scribd!

  • What Is HTML

    Hochgeladen von

    Princessa Meme
    11 Ansichten7 Seiten
    test 222

    Originaltitel

    What is HTML

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Verfügbare Formate

    DOCX, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    test 222

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    11 Ansichten7 Seiten

    What Is HTML

    Hochgeladen von

    Princessa Meme
    test 222

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Als DOCX, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 7

    Cascading Style Sheet /* code to link to css , write this to html <head><link href="style.

    css" rel="stylesheet" type="text/css" media="screen" /></head>*/ /* CSS Document */ /* tag type */ h1{ font-family:Arial, Helvetica, sans-serif; color:#FF00CC; font-size: 25px; } h2{ font-family:Arial, Helvetica, sans-serif; color:#330099; font-style: italic; } a:link {color:#000000;} /* unvisited link */ a:visited {color:#000000; } /* visited link */ a:hover {color:#000099; background-color:#CCCCCC; } /* mouse over link */ a:active {color:#000000;} /* selected link */ body{ background-color:#C66300; margin:auto; } /* id type example: <div id="outer">*/ #wrapper{background-color:#CCCCCC; margin:0 60px; width: 0 600px; } } #outer{background-color:#FFFFFF; margin:0 60px; padding: 0 10px ; } /* class type example: <p class="article">*/ .article {font-family:"Courier New", Courier, monospace; font-size:14px; color:#0000FF; }

    What is HTML? HTML is a language for describing web pages.


    HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of markup tags

    The tags describe document content HTML documents contain HTML tags and plain text HTML documents are also called web pages

    HTML Tags: Almost all the html tags come in pairs. i.e. start and end tag. Keyword of the tags for start and end are same except the addition of / as prefix in closing tag.

    HTML: All web pages code start with html tag <html> and ends up with html closing tag </html>

    Head tag: Head tag is always placed at the top of the document after html tag. This tag is used to include major tags which are title, link and script etc.

    Title tag: This tag is used to give a title to the webpage in the web browser toolbar, title for web pages when they are added to Favorites and also used by search engines in their search results.

    Body: All the tags except the head tag should be included in the body tag as this tag demonstrates all the items which are included in the web page. For example <body style=background-color:khaki>

    Heading: There are 6 heading tags used in HTML named as h1 to h6.

    Tags

    Font size

    Example

    H1

    Largest

    24 points

    <h1 align="center"> My College </h1>

    H2

    18 points

    <h2 align="left"> My Department </h2>

    H3

    14 points

    H4

    12 points

    H5

    10 points

    H6

    Smallest

    8 points

    Headings are always Bold and it is written in one line and after heading a line break is automatically done. Align parameter can be used for center alignment. <h1 align=center>

    Paragraph: HTML paragraphs are defined with the <p> tag. <p>This is a paragraph.</p>

    Bold Text: <b>Write the text here to make bold.</b>

    Itlaic Text: <i>Write the text here to make Itlaic.</i>

    Subscript Text: <sub>Write the text here to make Subscript.</sub>

    Superscript Text: <sup>Write the text here to make SuperScript.</sup>

    Underline Text: <u>Write the text here to make Underline.</u> Branch/New Line: This is single tag used to move cursor to new line. <br/>

    Ordered List: The list items are marked with numbers. <ol><li>Engineering</li><li>IT</li><li>Business</li></ol>

    Procedure:
    1. Create a new file using Notepad and write HTML code in it. 2. Save the file as Internet_Exp1.html (Extension for html programs is .html) 3. Open the file in Web browser (Internet Explorer) by double clicking on the file icon. 4. Observer the outcome and make adjustments if required. 5. Get the output page checked by Teacher/Lab Technician.

    Code structure:

    <html> <head> <title> HCT Department of Engineering</title> </head> <h1>Department of Engineering</h1> <body> <p> text to display as a paragraph <b> text to display bold </b> <i> text to display italic </i> <u> text to underline text </u> </p> <ol> <li> SPECIALIZATION NAME 1</ li > < li > SPECIALIZATION NAME 2</ li > < li > SPECIALIZATION NAME 3</ li > </ol> </body>
    <html>

    example code: <html> <head> <title>lamborghini</title> </head> <body style=background-color:khaki> <h1 style=text-align:center;color:red;background-color:darkkhaki>Lamborghini</h1> <table broder=0> <tr> <td><img src="aventador1.jpg" height=200 width=300/></td> <td><img src="gallardo1.jpg" height=200 width=300/></td> <td><img src="veneno.jpg" height=200 width=300/></td> <td><img src="urus.jpg" height=200 width=300/></td> </tr> </table>

    <br/> <table border=0> <tr style=vertical-align:top> <td style=background-color:darkkhaki> <ul> <li><a href="experiment2.html">Home</a></li> <li><a href="aventador.html">Aventador</a></li> <li><a href="gallardo.html">Gallardo</a></li> <li><a href="veneno.html">Veneno</a></li> <li><a href="urus.html">Urus</a></li> </ul> </td> </body> </html>

    How to upload file using FtP manger 1- Go to http://www.000webhost.com/ 2- Login on to your account Enter the user name and password 3Activation -> click GO to Cpanel

    4- Chose the File >>click File Manger 5enter your password for FTP server

    >username and password>>continue

    6- click Public_HTML 7- click to Upload 8- click to Browser OF "Files entered here will be transferred to the FTP server" 9- browse species file to the path with adding more browser the click to green right icon to checking of all image files and pages 10- then you can take your link and open your webpage .

    In this experiment we Create simple website using Dreamweaver and familiarized with its user interface. Use HTML basic structure and commonly used tags. Registration on www.000webhost.com Go to control panel and chose file details The go to DW program and select site >mange site > edit>file FTP details Create webpage with this design thats include <div id="wrapper"></div> <div id="logo"></div> Links of Facebook,twitter,youtube.RSS Home About.html Packege.html Contact.html <div id="banner"></div> <div id="article"></div> <div id="activity"></div> <div id="footer"></div> And we learn the fuction and use of Div tag *The <div> tag defines a division or a section in an HTML document.The
    <div> tag is used to group block-elements to format them with CSS.

    After I finished design I upload FTP on 000.webhost .

    Das könnte Ihnen auch gefallen