Scribd Logo
Upload

Welcome to Scribd!

  • HTML CSS

    Uploaded by

    jvlach
    33 views14 pages
    Σημειώσεις HTML-CSS

    Original Title

    HTML-CSS

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Σημειώσεις HTML-CSS

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    33 views14 pages

    HTML CSS

    Uploaded by

    jvlach
    Σημειώσεις HTML-CSS

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 14

    HTML ............................................................................................................... .............................

    HTML CSS

    HTML ............................................................................................................... ............................. 2

    HTML.
    H HTML (HYPERTEXT MARKUP LANGUAGE),
    .
    (ASCII), Notepad
    (), Windows .htm .html .
    tags, (..
    Internet Explorer), .

    HTML
    HTML, . 6
    HTML.
    tag.
    tags HTML, : < tag >. tags HTML
    . tag. tag
    <tag> </tag>. tags
    tags ... tags (),
    (). ,
    tags . tags
    , tags .
    tags HTML.

    <html> TAG HTML. tag ,


    HTML.
    <head> TAG HEAD. tag html, tag head.
    (< >) (</ >) tag, ,
    :

    (.. )
    keywords ..

    , .

    </head> TAG HEAD. tag head .


    <body> TAG BODY. ,
    browser. .. , , , ...
    tags, ,
    tag.
    </body> TAG BODY. tag body,
    tag HTML.
    </html> TAG HTML. tag HTML ,
    HTML.

    HTML ............................................................................................................... ............................. 3

    HTML
    tag HEAD.
    <head>

    <title> </title>
    To tag <title> .
    tag,
    .

    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-7">


    tag <meta> tags HTML. TAG
    <meta> . </meta>.
    tag (.. <meta name=description content=
    ) .
    HTML ,
    .
    tag <meta> .
    charset,
    .
    charset iso-8859-1
    iso-8859-7, .
    </head>
    tag BODY.
    ,
    .

    <body
    bgcolor="#009900"
    background="back.jpg"
    link="#993300"
    vlink="#009999"
    leftmargin="0"
    marginwidth="0" marginheight="0">

    text="#003399"
    topmargin="0"

    tag body, . .
    bgcolor .
    . .. bgcolor="#009900"
    . hexademical code

    browsers ...
    red , green ...

    background .
    .
    back.jpg . bgcolor background
    . ,

    HTML ............................................................................................................... ............................. 4

    background. background,
    .
    html .

    (.. images

    background="images/back.jpg"
    .. web . O
    . (, , )
    tag,
    . 3 .
    html img.gif
    imgs. html imgs. img.gif.
    html img.gif
    imgs. html imgs.
    imgs/img.gif.
    html imgs,
    img.gif. img.gif imgs.
    /img.gif.
    text.
    .
    link. links
    .
    vlink.
    links ( ).
    leftmargin & marginwidth.
    pixels o browser.
    Internet xplorer, Netscape
    Navigator.
    topmargin & marginheight.
    pixels o browser.
    Internet xplorer, Netscape
    Navigator.

    HTML ............................................................................................................... ............................. 5

    link
    tags tag <BODY>
    . tags
    tag body (</BODY>). :

    <body>
    tags , , links, , frames , .

    </body>
    .
    html, tag <p> (
    o).
    :
    <p> </p>
    <p> </p>
    tag <p> .
    :



    ,
    , ..

    .
    , tag <br> ( tag br ,
    </br>). , :
    <p><br> .</p>

    tag <p> align left right center justify (..


    <p align=center>) .
    tag <p>
    .
    tag <div>
    . .. <div align=right></div>

    HTML ............................................................................................................... ............................. 6

    , , bold, italics .
    ,
    tag <font>. tag </font>.
    tag font . :
    color="#003399" : color .
    size="2" : size .
    .
    .. 2 html, 11 Microsoft Word.
    face="Tahoma, Verdana, Arial, Helvetica, Sans-serif" : H face,
    .
    ,

    . ...
    .
    BOLD & ITALICS
    tags bold italics ,
    tag <font> ( tag
    ) .
    bold,
    tag <strong> tag
    </strong>.
    italic,
    tag <em> .
    bold italics,
    tags <em><strong> </strong></em>
    , :

    tahoma. TAHOMA bold.


    Italics.
    :
    <font color="#003399" size="2" face="Tahoma, Verdana, Arial, Helvetica, Sans-serif">
    <em></em>

    <strong>tahoma</strong>.

    HTML ............................................................................................................... ............................. 7

    <em>
    <strong> TAHOMA bold. Italics.
    </strong>
    </em>
    </font>

    links .
    link , tag <a>.
    tag </a> ,
    .
    tag <a> :
    href="http://www.yahoo.com" : H HREF link
    , Internet html
    . html
    .. href=morehtmls/html_other.html href=../html_other.html,

    site .
    href, mailto: e-mail ,
    link
    e-mail mailto.
    target="_blank" : target
    link. :
    _blank: link href browser.
    _parent , _self, top , frame: frames
    .
    .
    .. link Yahoo,
    YAHOO ,
    :
    <p>
    <a href="http://www.yahoo.com" target="_blank">
    link Yahoo
    </a>
    </p>
    link
    tag <a> .

    HTML ............................................................................................................... ............................. 8

    .. link e-mail ,
    . , :
    e-mail
    <a href="mailto:xkops@ath.forthnet.gr">

    </a>
    , .


    tag <img>.
    tag , </img>.
    tag <img>, :
    src="images/square.jpg" : src
    . web
    browser jpg, gif png.
    width="400" height="267": width
    pixels, height pixels.

    .

    .. 100%.
    square.jpg
    .
    <img src="images/square.jpg" width="400" height="267">
    images html
    .

    links
    Link,
    e-mail, tag <a>
    . tag <a>
    .
    ..
    <a href="http://www.sidney.org">

    HTML ............................................................................................................... ............................. 9

    <img src="images/square.jpg" width="400" height="267" border="0">


    </a>


    tag <table>. To tag table
    ( ):
    . <table width="200" height="200" border="1" align="center" cellpadding="2" cellspacing="2" bordercolor="#999999"
    background="images/square.jpg" bgcolor="#666666">

    Width: pixels (
    . .. width=80% 80% web
    browser.
    Height : pixels (
    browsers)
    Border : pixels
    Align :
    Cellpadding: H (.. )

    Cellspacing: H .
    Bordercolor: .
    Background :
    Bgcolor: .
    tag <table> </table>.
    tag tags <tr> <td> </tr>
    & </td>
    H tag <tr>
    tag <td>
    .. 2 2
    <table width="300" >
    <tr>
    <td></td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    </table>
    tag <td> .
    .. <td><img src="images/square.jpg" width="400" height="267" border="0"></td> ,
    .
    tag :
    ..
    <td
    width="80"
    height="120"
    background="images/square.jpg" bgcolor="#CCCCCC">

    align="center"

    valign="top"

    bordercolor="#990000"

    HTML ............................................................................................................... ........................... 10

    tag <td>
    valign top,middle,bottom,baseline
    .


    (.. ) tag
    <form> () </form>
    To tag <form> .
    .. <form action="formaction.jsp" method="post" name="myform" >
    Action : script .
    Method : (
    post get). H post url
    get url.
    Name : .
    scripts (.. javascript, jsp,..)
    tag <form>, enctype, accept, accept-charset.
    html (www.w3c.org)
    tag <form>,
    tags.
    tag <input> .
    </input>
    To tag .
    ..
    <input name="phone" type="text" value="hello" size="15" maxlength="12">

    o tag input .
    Name: .
    script action tag <form>
    .
    Type : . text ( ), hidden (
    ), checkbox ( checkbox), radio ( radiobutton), file (
    ), password (
    *** ), submit ( ), reset (
    , ).

    Value ( ): .
    tag input
    type.
    :
    text & file ( file ):
    Size :
    Maxlength :
    .
    .. <input name="phone" type="text" value="hello" size="15" maxlength="12">

    HTML ............................................................................................................... ........................... 11

    hidden:

    checkbox & radiobutton:
    Checked : .

    .. <input name="checkbox" type="checkbox" value="YES" checked>


    .. <input name="radiobutton" type="radio" value="radiobutton" checked>
    tag <input> :
    tag <textarea> </textarea>. To tag
    .
    tag :
    .. <textarea name="textarea" cols="30" rows="8" wrap="PHYSICAL">
    </textarea>

    name : .
    Cols :
    Rows : .
    Wrap ( ):
    . physical,virtual,off.
    tag,
    .
    tag <select>, </select>.
    .
    tag :
    .. <select name="select"> <select name="select2" size="3" multiple>
    Name :
    Size :
    .
    Multiple ( ):
    .
    tag <select> tag <option>
    </option>
    tag <option> :
    .. <option value=" 2" selected> 2</option>
    Value: H .
    tag <option>
    Selected ( ): .

    HTML ............................................................................................................... ........................... 12

    CSS
    CSS (Cascading Style Sheets), ,
    HTML,
    .
    CSS, , , , backgrounds,
    ...

    tags HTML.
    CSS main ,
    Verdana, 11, bold .
    HTML,
    tags HTML ,
    , , links, ... class=
    CSS.
    main
    :
    <p class="main"> </p>
    CSS, HTML,
    .css link HTML.

    CSS
    HTML, CSS HTML
    tag <HEAD> :
    <style type="text/css">
    <!- CSS.
    -->
    </style>
    CSS, .css
    HTML tag <HEAD> :
    <link href=" .css " rel="stylesheet" type="text/css">

    HTML ............................................................................................................... ........................... 13

    CSS
    CSS, .
    main small
    .
    .main {
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 110%;
    list-style-type: disc;
    }
    .small {
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
    font-size: 9px;
    color: #333333;
    }
    CSS, HTML ,
    :
    . {

    }

    CSS
    :
    : ;
    CSS.
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-serif;
    .

    .
    font-size: 10px;
    .
    font-style: italic;
    . normal,italic,oblique.
    font-weight: bold;

    HTML ............................................................................................................... ........................... 14

    To . normal, bold, bolder, lighter.


    text-decoration: underline overline line-through blink none;
    H .
    .. overline
    .
    text-align: left;
    . left, right, center, justify.
    color: #006699;
    .
    background-color: #003366;
    .
    background-image: url( );
    .
    background-repeat: repeat;
    ,
    . 500 pixels
    no-repeat
    . repeat, no-repeat, repeat-x, repeat-y.
    background-attachment: fixed;
    ,
    . fixed scroll.
    background-position: left top;

    . Left, center, right pixels
    top, center, bottom pixels .
    . CSS
    http://www.w3c.org

    You might also like