Scribd Logo
Upload

Welcome to Scribd!

  • Lab 2-html

    Uploaded by

    12-Phan Nguyễn Huy Hoàng
    59 views5 pages

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, 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 DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    59 views5 pages

    Lab 2-html

    Uploaded by

    12-Phan Nguyễn Huy Hoàng

    Copyright:

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

    BÀI THỰC HÀNH SỐ 2

    HỌC PHẦN: THIẾT KẾ VÀ LẬP TRÌNH WEB

    Bài 1.1: Thể hiện website giống hình dưới, thể hiện các thẻ Header, u, b, center

    Bài 1.2: Tạo trang web có nội dung là Bài tập sử dụng các tag cơ bản, có tô màu cho các đoạn văn bản
    <div style=”background: #FF0000”><h3>ME</h3></div>

    1
    Hướng dẫn:
    Stt Đối tượng Yêu cầu Hằng số
    màu
    1 Trang web - Tiêu đề cửa sổ: Sử dụng các tag cơ bản
    2 Nội dung Sử dụng các tag cơ bản và thuộc tính của các tag để định
    trang web dạng:
    - Dòng dầu tiên: canh giữa, màu xanh lá mạ #006600
    - Dòng 2: màu xanh dương #0000FF
    - Dòng 4 - tựa đề ”MẸ!”: chữ đậm có màu hồng đậm và #FF3399,
    nền màu hồng nhạt #FECFFD
    - 3 đọan thơ: in nghiêng, có 3 màu chữ khác nhau
    - Mỗi đọan cách nhau bởi 1 cây thước ngang
    - Tòan bộ bài thơ có màu nền là màu vàng nhạt. #FFFFCC

    Bài 1.3: Thể hiện website giống hình dưới, đặt tên file là “html.html”, title “bg”.

    Hướng dẫn: Sử dung một số ký tự đặc biệt trong HTML như bảng ký tự đặc biệt ở dưới
    Punctuation HTML Entity ISO Latin-1 name or meaning

    2
    (case
    code
    sensitive)

    – &ndash; &#8211; en dash

    — &mdash; &#8212; em dash

    ¡ &iexcl; &#161; inverted exclamation

    ¿ &iquest; &#191; inverted question mark

    " &quot; &#34; quotation mark

    “ &ldquo; &#8220; left double curly quote

    ” &rdquo; &#8221; right double curly quote

    '   &#39; apostrophe (single quote)

    ‘ &lsquo; &#8216; left single curly quote

    ’ &rsquo; &#8217; right single curly quote

    « &laquo; &#171;
    guillemets (used as quotation marks in some
    languages, e.g., French)
    » &raquo; &#187;

      
    (Its there, but you can't &nbsp; &#160; non-breaking space
    see it!)

    Symbols  

    & &amp; &#38; ampersand

    ¢ &cent; &#162; cent

    © &copy; &#169; copyright

    ÷ &divide; &#247; divide

    > &gt; &#62; greater than

    < &lt; &#60; less than

    µ &micro; &#181; micron

    · &middot; &#183; middle dot

    ¶ &para; &#182; pilcrow (paragraph sign)

    ± &plusmn; &#177; plus/minus

    € &euro; &#8364; Euro

    £ &pound; &#163; British Pound Sterling

    ® &reg; &#174; registered

    § &sect; &#167; section

    ™ &trade; &#153; trademark

    ¥ &yen; &#165; Japanese Yen

    ° &deg; &#176; Degree

    3
    Bài 2: Thể hiện website giống hình dưới, đặt tên file là “images.html”, title “Hình ảnh”.
    Hướng dẫn: Sử dụng thuộc tính align và float (<img style=” float:left;” align=”top”
    vspace="10" hspace="10" >)

    Bài 3: Thể hiện website giống hình dưới, đặt tên file là “bg.html”, title “Background”.
    Hướng dẫn: Sử dụng thuộc tính background của thẻ <body background=”ten file”>

    Bài 4: Thể hiện website giống hình dưới, đặt tên file là “bg.html”, title “Background”.

    4
    Hướng dẫn: Sử dụng thuộc tính background của thẻ body và miêu tả giống hình dưới,
    note : <div style=”background: # CCCCCC”>Text</div>

    Stt Đối tượng Yêu cầu Hằng số


    màu
    1 Trang web - Tiêu đề cửa sổ: Định dạng văn bản
    2 Nội dung Sử dụng các tag định dạng văn bản để tạo trang web:
    trang web - Định dạng như hình trên
    - Dạng công thức hóa học và biểu thức phương trình bậc #FF0000
    hai, có chữ màu đỏ
    - Đọan code vòng lặp For: chữ màu xanh dương đậm, #0000CC,
    nền màu xám, có định dạng canh lề #CCCCCC

    You might also like