Scribd Logo
Upload

Welcome to Scribd!

  • Hướng Dẫn HTML

    Uploaded by

    Phương Dưa
    5 views5 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    5 views5 pages

    Hướng Dẫn HTML

    Uploaded by

    Phương Dưa

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    BÀI 1 : TẠO FROM ĐĂNG KÍ CHUNG

    I. Phần HTML
    - Tạo tiêu đề, đề mục : <h1> Nội dung </h1>
    <h1>Đăng nhập</h1>

    - Tạo khung nhập


    <label for = " Tên tự chọn " > Tên nội dung </label>
    <input type = "text" placeholder = "Nhập hướng dẫn">
    - Xuống dòng : <br>
    <label for="fname">First Name: </label>
    <input type="text" id="fname" name="fname" placeholder="Nhập họ"><br>

    <label>First Name: </label>


    <input type="text" placeholder="Nhập họ"><br>

    - Tạo lựa chọn 1 trong các lựa chọn :


    <input type = "radio" name = "gioitinh" > Tên nội dung
    <input type = "radio" name = "gioitinh" > Tên nội dung
    => Thêm name = "gioitinh" để chọn 1 trong hai (name của 2 lựa chọn phải giống nhau)
    <label>Giới tính: </label>
    <input type="radio" name = "gt">Nam
    <input type="radio" name="gt">Nữ

    <input type = "radio" > Tên nội dung


    <label>Giới tính: </label>
    <input type="radio">Nam
    <input type="radio">Nữ
    - Tạo lựa chọn theo danh sách (menu) :
    <label> Tên nội dung </label>
    <select>
    <option value = " Tên tự chọn " > Tên nội dung </option>
    <option value = " " > Tên nội dung </option>
    </select>
    <label for="gender">Giới tính: </label>
    <select id="gender" name="gender">
    <option value="Female">Female</option>
    <option value="Male">Male</option>
    </select><br>

    - Tạo nhiều lựa chọn một lúc :


    <label> Tên nội dung </label>
    <input type = "checkbox" > Tên nội dung
    <input type = "checkbox" > Tên nội dung
    <input type = "checkbox" > Tên nội dung
    <label>Sở thích : </label>
    <input type="checkbox">Thể thao
    <input type="checkbox">Nghe nhạc
    <input type="checkbox">Ca hát
    <input type="checkbox">Khác

    - Tạo ô ghi chú :


    <label> Tên nội dung </label>
    <textarea rows = "số hàng" cols = "số cột" ></textarea>
    <label>Ghi chú</label><br>
    <textarea rows="5" cols="30"></textarea>
    - Tạo nút :
    <button> Tên nội dung </button>
    <button>Đồng ý</button>
    <button>Hủy</button>

    - Tạo chọn ngày sinh :


    <label> Tên nội dung</label>
    <input type="date">
    <label>Ngày sinh</label>
    <input type="date">

    <label> Tên nội dung</label>


    <select name = "Tên tự chọn" id = "Tên tự chọn" >
    <option value = "Tên tự chọn"> Tên nội dung </option>
    <option value = "Tên tự chọn"> Tên nội dung </option>
    </select>
    <select name = "Tên tự chọn" id = "Tên tự chọn" >
    <option value = "Tên tự chọn"> Tên nội dung </option>
    <option value = "Tên tự chọn"> Tên nội dung </option>
    </select>
    <label>Ngày sinh: </label>
    <select name="Month" id="Month">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    </select>
    <select name="Day" id="Day">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    </select>
    <select name="Year" id="Year">
    <option value="2024">2024</option>
    <option value="2023">2023</option>
    <option value="2022">2022</option>
    <option value="2021">2021</option>
    <option value="2020">2020</option>
    </select>

    - Tạo phần tải file lên :


    <label> Tên nội dung </label>
    <input type = "file" name = "Tên tự chọn" >
    <label>Ảnh</label>
    <input type="file" name="anh"><br>

    II. Phần CSS

    BÀI 2 : TẠO THANH ĐIỀU HƯỚNG


    I. Phần HTML
    - Tạo header
    <body>
    <header>

    </header>
    </body>

    - Tạo các nội dung có trên thanh điều hướng bên trong header
    -> Thẻ <ul> ……</ul> : định nghĩa danh sách không có thứ tự
    <ul>
    <li> <a href = " " > Tên nội dung </a> </li>
    <li><a href = " " > Tên nội dung </a> </li>
    </ul>
    * <ol>……….</ol> : định nghĩa danh sách có thứ tự từ 1-n
    * <dl>………..</dl> : định nghĩa danh sách theo từ điển
    <header>
    <ul>
    <li><a href="">Trang chủ</a></li>
    <li><a href="">Giới thiệu</a></li>
    <li><a href="">Đào tạo</a></li>
    <li><a href="">Tin tức</a></li>
    <li><a href="">Hỏi đáp</a></li>
    </ul>
    </header>

    II. Phần CSS

    You might also like