Nothing Special   »   [go: up one dir, main page]
Scribd Logo
Upload

Welcome to Scribd!

  • 4 views

    Web Authoring

    Uploaded by

    hsulabt2009

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd

    Web Authoring

    Uploaded by

    hsulabt2009
    4 views3 pages

    Original Title

    WebAuthoring

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    4 views3 pages

    Web Authoring

    Uploaded by

    hsulabt2009

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Download as txt, pdf, or txt
    of 3

    <html>-->to open html format

    <b>-->to bold text


    <I>-->To put italic font
    <em>->to emphasis a text
    <strong>-->is used to identify text that is of greater importance than the
    surronding text
    <sub>--> is used to define the subscript text that appears half a character below
    the line in a smaller font
    <sup>--> is used to define the subscript the appear ontop a character in a smaller
    font
    <p>-- > tag that defines a paragraph
    <br>--> tag that is used to insert a signle line break between sentences.
    <u> --> to underline text

    <thead>-->For the header of tables


    <tbody>-->Body of table
    <tfoot>-->Footer of table

    7 types of headings--><h1>
    <h2>
    <h3>
    <h4>
    <h5>
    <h6>
    <h7>

    Table format for html: <table>


    <captaion>--> for table title
    <tr>---> for table row
    <td>--> to input information into each inidivual tabel cell
    <th> ---> to write data into a tabel cell as bold
    <table border="">-->write number into brackets for the
    thickness of border, if there isn't border insertet in the table, there will be no
    border lines
    <table border="" style="border-collapse: collapse;"> for
    only a singular line instead of double
    For no border collaspe/ double ---> border-collaspe:
    seprate
    <table width="__%"> to fill a certain perecntage of the page
    with the table
    <tr style="width: %"> to increase the width of cell by a
    precentage of the price
    Ex: 35% takes 1/3 of the browser, the size
    will automatically shrink and increase with the screen size when written in
    precentage
    with
    'px': the size of width will be the same whether you increase the web browser page
    or not

    style="height/width";---> attribure

    no width in row, only height


    column has width but not height
    margin-left: auto (table moves to right)
    margin-right: auto (table moves to left
    put both margin-left and margin-right to auto: table will be in center
    <!DOCTYPE html>
    <table>
    <caption>Title</caption
    <tr><td>---</td></tr>
    </table>

    border-style :solid;
    border-width: 5px;
    border-width;
    border-color; ----> To change color of border

    <table style="background-color: ___"> ---> To change the background color of tabke

    auto; border: solid px color

    <img src="filename.jpg" alt="text" width="" height="">


    Alter; "alt" used when you want to explain the image even what it isn't visibile

    Number List/ Order List <ol> ---> Using 1,2,3


    Unorder list <ul>---> Using bullets
    By using, <ol start=""> you can start the order with the number in the brackets,
    only works with numbers, not alpahbet

    Types of ul styles---> <ul type="square">


    <ul type="circle">
    <ul type="disc">

    <a href=" "> ---> To add link


    <a href=" "> Write between to add label to link </a>

    <target="_self">---> if you want to open a new website on the same tab


    <target="_blank">---> if you want to open a new website on another tab

    "__ points high" ---> Font size, with pt


    /* __________ */ ---> comment in html\

    A CSS stylesheet with a higher priority must be under the least priority

    <hr> ---> tag used for a thermatic break in a html page


    relative file path--->when creating a hyperlink reference to another file
    <a href="next_page.html">

    Absoulte file path ---> give the location on where the file is located. You won't
    be able to see the file if you copy the file to another computer of location
    Relative File path ---> Is able to open the html page even if the file's location
    is moved

    target="_blank"---> page will open in new widow


    target="_self"---> Page will open in the current tab
    ---> is target's default

    Need to put <base tagret="_blank"> in head section

    If you want to make webpage with a different languange; you need to specify
    character set with meta tag
    meta tag needs to be used in head section
    <meta content="width=device-width">--- to fit the webpage onto any device's width
    Two types of charsect --->
    Charsect ---> Help specifies the type of characters
    Latin alphabet charasect ---> ISO-8859-1

    meta tag name ---> attributed that specify the four others elements required
    meta tage content--> attribute that is used with the name attribute
    -->Contains the value assigned to the name
    Define the author ---> to inculde the name of the author of the webpage
    Keywords for a searchg engine---> Used by search engines to try and find websites
    that match a user's search string
    Viewport---> is the user's visible area of the web page
    ---> Using the setting can make all devices compatiable to view the webpage
    <device-width initial scale

    Activity 21B
    Activity 21C

    <td style="text-align: center;>$6560</td>

    <td colspan= "1" > to merge the number of cloumns

    <td style= "vertical-align:____;"> ---> to poistion the text in the table cell to
    top, bottom and middle

    HW: search and Write abt Stallite and Broadcast

    HW: watch abt AR VR MR


    HW: Task21k

    You might also like