HTML - Hypertext Markup Language

1. Tag <a></a> - defines a hyperlink.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pi Academy</title>
</head>
<body>
    <!--
        rel - Hazirki sehife ile baglanti verilmiw sehife arasinda elaqeni gosterir
        noopener noreferrer - tehlukesizlik ucundur
        nofollow - mesuliyyeti boynundan atir
        stylesheet - acilan sehifede stil wablonlari oldugunu bildirir
        alternate - yeni acilacaq sehife hazirki sehifenin bir alternatividir

        target - baglantinin harada acilacagini gosterir
        _blank - baglantini yeni pencerede acir
        _self - baglantini hemin sehifede acir
        _parent - baglantini esas pencerede acir
        _top - baglantini en ustde acir
    -->
    <a href="http://google.com" target="_top">Go to google</a>
</body>
</html>

2.
<!DOCTYPE html>
<br lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<hr>
    <!--
    <br> - break line
    <hr> - horizontal line
    <b></b> - makes bold
    <strong></strong> - makes bold  
    <mark></mark> - marks sentence
    <dfn></dfn> - shows definition of abbreviations
    title="something" - shows something when a mouse is hovered over it
    <code></code> - shows as code
    <samp></samp> - shows as code
    <i></i> - shows italic
    <q></q> - adds quotation
    <u></u> - underlines text
    <ins></ins> - underlines text
    <del></del> - deletes or cross text
    <sub></sub> - uder
    <sup></sup> - over
    -->
    <br>Parvin    Etibarli </br> <hr> Baloglan oglu </br> 
    <b>Salamlar</b><br>
    <strong>Strong</strong><br>
    <mark>Marking this sentence</mark>
    <p>ATU <dfn>Azerbaycan Tibb Universiteti</dfn></p>
    <p title="Azerbaycan">ATU</p>
    <code>it is my code</code>
    <samp>this is my sample</samp>
    <br>
    <i>italic word</i>
    <br>
    <q>with quotation</q> <br>
    <u>uderlined text</u> <br>
    <del>deletes text</del> <br>
    <ins>underlined text</ins>
    <p>H<sub>2</sub>O</p>
    <p>X<sup>2</sup></p>
</body>
</html>

3.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
    <abbr></abbr> - abbriviature
    <blockquote></blockquote> - this is text in the middle of page
    <img> - to put image
    width - width of the image
    height - height of the image
    border - border of the image
    alt - if something happens with image this will show a text(for exmple: image is crashed)
    srcset - opens an image according to the resolution of the monitor
    
    -->
    <abbr title="Azerbaycan Tibb Universiteti">ATU</abbr>
    <blockquote>Parvin Etibarli</blockquote>
    <img srcset="flamingo1x.jpg 1x, flamingo2x.jpg 2x, flamingo3x.jpg 3x, flamingo4x.jpg 4x">
</body>
</html>


4.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        <ul></ul> - unordered list
        <li></li> - list
        <ol></ol> - ordered list
        <dl></dl> - grouped list
        <table></table> - creates table
        <tr></tr> - table row
        <td></td> - table data
        <th></th> - table head
        <caption></caption> - defines the head of the table
    -->
    <ul type = "circle">
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
        <li>Java</li>
    </ul>

    <ol type = "I">
        <li>HTML</li>
        <li>CSS</li>
        <li>JS</li>
        <li>Java</li>
    </ol>

    <dl>
        <dt>Yemekler</dt>
        <dd>Kabab</dd>
        <dd>Salat</dd>
        <dd>Qovurma</dd>
        <dt>Ickiler</dt>
        <dd>Fanta</dd>
        <dd>Kola</dd>
        <dd>Ayran</dd>
    </dl>
    <table border="2" align="center" width="100%">
        <caption>People</caption>
        <tr>
            <th colspan="3">Students</th>
        </tr>
        <tr>
            <th>Name</th>
            <th>Surname</th>
            <th>Age</th>
        </tr>
        <tr>
            <td>Parvin</td>
            <td>Etibarli</td>
            <td>29</td>
        </tr>
    </table>
</body>
</html>


5.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Registration</title>
</head>
<body>
    <!-- 

    -->
    <fieldset>
        <legend>Registration</legend>
    <form action="" method="" enctype="multipart/form-data">
       <label for="name">
           Your name:
           <input type="text" name="name" id="name" placeholder="Inser your name here..." disabled="">
       </label><br>
       <label for="surname">
           Your surname:
           <input type="text" name="surname" id="surname" readonly="">
       </label><br>
        <label for="father name">
            Your fathers name:
            <input type="text" name="father name" autocomplete="on">
        </label><br>
       <label for="email">
           Email:
           <input type="email" name="email" autocomplete="off">
       </label><br>
       <label for="password">
           Your password:
            <input type="password" name="password" required="" minlength="4" autofocus=""> 
       </label><br>
       <label for="photo">
           Your photo:
           <input type="file" name="phote" accept="image/*">
       </label><br>
       <label for="">
           <input type="file" name="files[]" multiple>
       </label><br>
       <label for="">
           <input type="file" name="file" value="select something" accept="image/*">
       </label><br> 
       <label for="">
           <input type="checkbox" name="checkbox" checked>
           I accept all.
       </label><br>
       <label for="">
           <input type="radio" name="sex">
           Man
       </label>
    <label for="">
        <input type="radio" name="sex">
        Woman
    </label><br>
    <label for="">
        <input type="range" name="" id="">
    </label><br>
       <label for="">
           <input type="submit" name="submit" value="submit">
       </label><br>
       <label for="">
           <input type="reset" name="reset" value="Sifirla">
       </label><br>
       <label for="">
           Search:
           <input type="search">
       </label><br>
       <label for="">
           Search for Web Site:
           <input type="url">
       </label><br>
       <label for="">
            <input list="Front-End">
            <datalist id="Front-End">
                <option value="HTML">
                <option value="CSS">
                <option value="React">
            </datalist>
       </label><br>
       <label for="">
           <select>
               <optgroup label="Front-End">
               <option selected>HTML</option>
               <option>CSS</option>
               </optgroup>
            <optgroup label="Back-End">
                <option selected>Java</option>
                <option>C++</option>
            </optgroup>
           </select>
       </label><br>
       <input type="date">
       <input type="color">
       <input type="number" min="5" max="10"><br>
       <textarea name="" id="" cols="30" rows="10"></textarea>
    </form>
    </fieldset>
</body>
</html>

6.


Комментарии

Отправить комментарий

Популярные сообщения из этого блога

Lesson1: JDK, JVM, JRE

Изображение
1. Compiler - takes the entire programming code written in high language and translates the whole of it into machine code at once. After this process the an executable file will be ready to run. The translation takes some times to be done, but after that execution is so fast. 2. Interpreter - takes each single instructions of the code translates it and then executes it on its own. The translation step is before the program runs is fast, but execution is slow. JDK = JRE + development tools JRE = JVM + library class JDK -> Java Development Kit. A kit which provides the environment to develop and execute (run) Java program. JRE -> Java Runtime Environment. Provides environment to only run. JVM -> Java Virtual Machine f * Compiled: Fortran, C, C++, Pascal, Haskell, Rust, Go * Interpreted: JavaScript, PHP, Python, Ruby Java both compiled and interpreted language. Terminalda : javac Main.java yazdiqda, source fayli(.java) bytecode(.class) faylina cevirir. Terminalda: java Main (bu z...
Далее...

SE_21_Lesson_9: Initialization Blocks, Wrapper types, String class

Изображение
-> static block: package org.example.test3 ; public class Blocks { static { System . out .println( "In static block" ) ; } public static void method () { System . out .println( "In static method" ) ; } } package org.example.test3 ; public class Main { public static void main ( String [] args ) { Blocks . method () ; } } -> Class.forName() metodunu ishe salmaq: package org.example.test3 ; public class Blocks { static { System . out .println( "In static block" ) ; } } package org.example.test3 ; public class Main { public static void main ( String [] args ) throws Exception { Class . forName ( "org.example.test3.Blocks" ) ; } } -> non-static (instance) block: package org.example.test3 ; public class Blocks { static { System . out .println( "in static block" ) ; } { System . out .println( "in non static (instance) block...
Далее...

SE_21_Lesson_11: Inheritance, Polymorphism

->  instanceof anlayishi, misallarla izahi   package org.example.lesson_13 ; public class Ulubaba { public String ad ; public String soyad ; public Integer yash ; public void odunDogramaq () { System . out .println( "Ulubaba 50 kq odunu 1 saata dograyir" ) ; } } package org.example.lesson_13 ; public class Baba extends Ulubaba { public String hobbi ; public void otBicmek () { System . out .println( "Baba 1 hektar otu 1 gune bicir" ) ; } } package org.example.lesson_13 ; public class Main { public static void main ( String [] args ) { Baba baba = new Baba() ; System . out .println( baba instanceof Ulubaba ) ; System . out .println( baba instanceof Object ) ; } } -> Upcasting package org.example.lesson_13 ; public class Main { public static void main ( String [] args ) { Ulubaba u = new Baba() ; } } -> Downcasting Problemsiz situasiya: package org.example.lesson_13...
Далее...