Scribd Logo
Upload

Welcome to Scribd!

  • Buoi 01-Lab 01

    Uploaded by

    gnauq1210
    4 views2 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    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 PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    4 views2 pages

    Buoi 01-Lab 01

    Uploaded by

    gnauq1210

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pdf or txt
    of 2

    TÀI LIỆU GIẢNG WEB TĨNH THẦY HTS

    LAB 01: LÀM QUEN CẤU TRÚC TRANG HTML VÀ CÁC TAG

    1. Mở Notepad++ và gõ nội dung sau

    <html>
    <head>
    <title>Trang web cá nhân</title>
    </head>
    <body>
    <h1> Chào bạn </h1>
    <hr>
    Họ tên: <b> Nguyễn Văn Tèo</b>
    Email: <i><u> teonv@giahu.com </u></i>
    </body>
    </html>

    - Nhắp menu File ➔ Save để lưu file. Lưu vào Desktop , tên file là vidu.html
    (Encoding là UTF-8)

    - Nhắp đúp vào file vidu.html trên Desktop để xem kết quả

    2. Xem Source HTML của trang

    Trong trình duyệt , nhắp phải chuột ➔ View page Source, bạn sẽ thấy code HTML của
    trang. Hoặc hay hơn là nhắp nút phải tại tên file .html ➔ Edit With Notepadd++

    3. Thêm lệnh xuống hàng giữa Họ tên và Email

    - Thêm sau tag </b> lệnh xuống hàng: <br/>

    - Đóng Notepad và lưu lại.

    - Nạp lại trang vidu.html (phím F5) để xem những thay đổi

    4. Đưa hình (h.jpg) vào trang web:

    - Trong source HTML của trang, nhắp sau tag <hr> và gõ như sau:
    <img src="h.jpg">

    1
    TÀI LIỆU GIẢNG WEB TĨNH THẦY HTS
    - Mở thêm 1 cửa sổ Browser. Vào Google, tìm 1 hình nào đó (cỡ lớn) và lưu vào
    Desktop với tên h.jpg (Chú ý: Trong trang google có chỗ để bạn tìm hình theo kích
    thước, theo màu, theo loại hình, theo thời gian.)

    - Nạp lại trang vidu.html để xem kết quả

    5. Chỉnh kích thước và title, cách canh và đường viền cho hình:

    - Xem Source HTML của trang.

    - Nhắp sau chữ <img và bổ sung để được như sau:

    <img width="100" height="120" title="Hình tui đó" align="left"


    border="5" src="h.jpg">

    - Xong thì lưu lại

    - Nạp lại trang vidu.html để xem kết quả

    - Sửa chữ left thành right và xem kết quả

    6. Thêm liên kết vào trang (liên kết nằm trong tag a)

    - Trong source HTML của tran, nhắp sau chữ </i> , Enter xuống hàng vào nhập vào
    code sau rồi lưu lại:

    <p>Website thường xem: </p>


    <a href=http://vaa.edu.com> Học Viện Hàng Không Việt Nam</a><br>
    <a href=http://google.com target=_blank> Google </a>

    - Nạp lại trang vidu.html để xem kết quả

    You might also like