Bài tập Task 2

HTML STRUCTURE: USING LISTS

HTML BASIC II

<title> </title> Đặt một tiêu đề trên tab trong cặp thuộc tính <head> </head>

<body> </body> Phần nội dung

<body> 

           <h1> Tiêu đề lớn</h1>

</body>

Odered list

<ol> </ol> Hiện thị một danh sách có đánh số đầu dòng

<ul> </ul> Hiển thị một danh sách như <ol> nhưng đánh chấm đen đầu dòng

<li> </li> tên từng list

Ngoài ra còn có danh sách trong danh sách 

Font-size làm thay đổi kích thước của chữ

Ví dụ:  <p style="font-size: 10px;"> Some text for you to make tiny!> </p>

Font-color làm màu cho chữ và nền

Ví dụ <h1 style="color:green; font-size:16px">Bg Heading</h1>

Font-family làm thay đổi kiểu chữ

Ví dụ: <li style="font-size: 16px; font-family: Arial">This item is big Arial.</li>

Sử dụng background-color: brown để thay đổi màu nền thành màu nâu

Aligning the text

Là thay đổi căn lề của từng dòng văn bản

Ví dụ:  style="text-align: center">

<strong> </strong> in đậm chữ

<em> </em> để in nghiêng chữ

SOCIAL NETWORKING FROFILE

<img src="" </img> Chèn ảnh vào trang

Đều giống trong phần trên

Ảnh hoàn thành phần Using list

HTML STRUCTURE: TABLES, DIVS, AND SPANS

HTML BASIC II

Có thể thêm một đường link vào ảnh khi click vào ảnh sẽ tới trong đó

Ví dụ <a href="đường link" <img src="đường link"> </a>

<table> </table> Tạo 1 bảng

<tr> </tr>

<td> </td> Viết trong bảng <table>

<th> </th> Viết 1 chữ kiểu in đậm cho danh sách đứng tiêu đề cho bảng

<table border="1px"> độ giày của đường kẻ bảng

Better tables

<thead> </thead> Cho tiêu đề

<th colspan="2"> dùng cho tiêu đề nhưng không theo dòng kẻ của bảng

<span style="color:red"> chuyển từng chữ thành màu đỏ

<link type="text/css" rel="stylesheet" href="stylesheet.css"/> chữ nền CSS

CLICKABLE PHOTO FAGE

Ảnh hoàn thành bài