<p>​​​

<br>​​

<hr>​

<div>

<b>Tin học</b>​​

<u>Tin học</u>​

<i>Tin học</i>​

<strong>Tin học</strong>

<br>​​​

<span>​​

<p>​​​

<b>

<b><i>HTML cơ bản</i></b>​​​

​<i><u>HTML cơ bản</u></i>

<b><u>HTML cơ bản</u></b>​​

<strong>HTML cơ bản</strong>

font-family ​​

color​​

border

style

<i>

<bold>

<em>

<b>

<ol>

<ul>

<li>

<table>

<td>

<tr>

<th>

<caption>

<ul> <li>Mục 1</li> <li>Mục 2</li> </ul>

<ol> <li>Mục 1</li> <li>Mục 2</li> </ol>

<ol> <ul>Mục 1</ul> <ul>Mục 2</ul> </ol>

<li> <ol>Mục 1</ol><ol>Mục 2</ol> </li>

<td>

<th>

<tr>

<table>

<table>

 <tr>

<td>A</td>

   <td>B</td>

 </tr>

</table>

<table>

 <tr>

<th>A</th><th>B</th>

 </tr>

 <tr>

<td>1</td><td>2</td>

 </tr>

</table>

<tr>

 <th>A</th>

 <th>B</th>

</tr>

<tr>

 <td>1</td>

 <td>2</td>

</tr>

<table>

 <td>A</td>

 <td>B</td>

</table>

><li>

<ul>

<ol

<dl>

<table>

<td>

<tr>

<th>

Thẻ <ul> dùng để tạo danh sách không thứ tự

Thẻ <tr> dùng để tạo một cột trong bảng HTML

Trong danh sách HTML, mỗi mục danh sách phải đặt trong thẻ <li>

Để tạo bảng HTML hợp lệ, bắt buộc phải có thẻ <caption>

Thẻ <ol> dùng để tạo danh sách có thứ tự

Thẻ <td> được dùng để tạo ô dữ liệu trong bảng HTML

Thẻ <th> thường được dùng cho hàng tiêu đề của bảng

Muốn tạo bảng có nhiều hàng, chỉ cần sử dụng nhiều thẻ <td> mà không cần <tr>

<link>

<a>

<href>

<url>

src

target

href

rel

<a>https://www.example.com</a>

<a src="https://www.example.com">Trang web</a>

<a href="https://www.example.com">Trang web</a>

<link href="https://www.example.com">Trang web</link>

Sử dụng thuộc tính src để đánh dấu và href để liên kết

Sử dụng thuộc tính class để đánh dấu và href để liên kết

Sử dụng thuộc tính id và href="#mã_định_danh" tại vị trí đặt liên kết

Chỉ cần sử dụng thẻ <a> mà không cần thêm bất kỳ thuộc tính nào khác

<a href="index.html">Quay lại trang chủ</a>

<a href="Baitap/index.html">Quay lại trang chủ</a>

<a href="../index.html">Quay lại trang chủ</a>

<a href="WEB/index.html">Quay lại trang chủ</a>

<a href = “URL”> Nội dung hiển thị </a>

<a href = “URL” Nội dung hiển thị>

<link rel = “Nội dung hiển thị”>

<a href = “URL”> </a> Nội dung hiển thị

< picture>

<img>

<a>

<image>

<link rel = “BT1.html”>

<a href = “BT1.html”> Bài tập 1>

<a href = “BT1.html”> Bài tập 1</a>

<a href = “BT1.html”> </a> Bài tập 1

<picture>

<image>

<img>

<src>

Chuyện một tệp âm thanh vào trang Web

Tạo một khung hình chứa trang Web khác trong trang hiện tại

Chèn một đoạn video từ máy tính

Tạo một liên kết văn bản đơn thuần

Ảnh sẽ bị méo do không có chiều cao

Ảnh sẽ không hiển thị được

Chiều cao sẽ được tự động tính toán để giữ đúng tỷ lệ của ảnh gốc

Chiều rộng sẽ được tự động thanh toán để giữ đúng tỷ lệ của gốc

autoplay

src

poster

controls

target="_blank"

target="myFrame"​

target="_self"

target="iframe"

<video>

<audio>

<img>

<iframe>

Muted

Autoplay

Controls

Poster

<img src = “VN.mp3” controls muted>

<audio src = “VN.mp3” mute> </audio>

<video src = “VN.mp3” controls mute> </video>

<audio src = “VN.mp3” controls muted> </audio>

Các định dạng tệp ảnh phổ biến được trình duyệt hỗ trợ bao gồm PNG, JPEG và GIF

Thẻ <audio> hỗ trợ các thuộc tính width và height để điều chỉnh kích thước trình phát nhạc

Thuộc tính alt trong thẻ <img> dùng để cung cấp văn bản thay thế khi việc hiển thị ảnh bị lỗi hoặc không tìm thấy tệp

Khi sử dụng thẻ <source> bên trong thẻ <video>, trình duyệt sẽ đồng thời phát tất cả các tệp tin có trong danh sách nguồn đó

Thẻ <iframe> là viết tắt của "inline frame" (khung nội tuyến)

Thuộc tính poster của thẻ <video> dùng để cung cấp đường dẫn đến tệp ảnh hiển thị trước khi video được chạy

Nếu một bức ảnh có kích thước gốc là 720 x 450 pixel và được chèn với lệnh <img width="600">, thì chiều cao hiển thị của ảnh sẽ giữ nguyên là 450 pixel

Để chèn một video từ YouTube vào trang web cá nhân mà không cần tải tệp về máy, ta có thể sử dụng đoạn mã nhúng do YouTube cung cấp dựa trên thẻ <iframe>

<list> ... </list>

<form> ... </form>

<table> ... </table>​

<field> ... </field>

<label>

<select>

<input>

<textarea>

Dùng để nhập dữ liệu số thay vì văn bản

Dùng để nhập văn bản nhưng thông tin sẽ bị che đi

Dùng để tạo ra một nút bấm gửi thông tin

Dùng để giới hạn số lượng ký tự tối thiểu khi nhập

<select> cho phép chọn nhiều giá trị cùng lúc, còn radio chỉ chọn được một

<select> hiển thị dưới dạng danh sách thả xuống, giúp tiết kiệm không gian

<select> chỉ dùng cho dữ liệu dạng số, còn radio dùng cho văn bản

Không có sự khác biệt về cách hiển thị hay chức năng

<input type="radio" value="Toán">

<input type="text" value="Toán">

<input type="checkbox" value="Toán">

<input type="button" value="Toán">

<form> Các phần tử của biểu mẫu </form>

<form Các phần tử của biểu mẫu > </form>

<form> Các phần tử của biểu mẫu

<form Các phần tử của biểu mẫu >

<input>

<label>

<select>

<fieldset>

Một loại ngôn ngữ lập trình dùng để tính toán dữ liệu trang web

Tập hợp các mẫu định dạng dùng để thiết lập cách trình bày các phần tử HTML

Một phiên bản nâng cấp của ngôn ngữ đánh dấu siêu văn bản HTML

Một phiên bản nâng cấp của ngôn ngữ đánh dấu siêu văn bản HTML

Vùng mô tả

Thuộc tính

Bộ chọn

Giá trị

Trực tiếp bên trong thuộc tính style của từng thẻ HTML

Trong thẻ <style> đặt tại phần tử head của tệp HTML hiện thời

Trong một tệp riêng biệt có phần mở rộng là .css

Trong thẻ <body> của trang web để trình duyệt thực thi nhanh hơn

Giúp trình duyệt đọc mã nguồn HTML nhanh hơn vì không cần liên kết.

Có thể định dạng đồng thời cho nhiều trang web khác nhau trong cùng một website

Chỉ áp dụng định dạng cho duy nhất tệp HTML hiện thời đang mở

Không cần sử dụng các thuộc tính như màu sắc hay khung viền

<style> h1 {color: red;} p {text-indent: 15px;} </style>

<link> h1 {color: red;} p {text-indent: 15px;} </link>

<style> h1, p {color: red; text-indent: 15px;} </style>

<script> h1 {color: red;} p {text-indent: 15px;} </script>

CSS là ngôn ngữ mô tả riêng, hoạt động hoàn toàn độc lập với ngôn ngữ HTML

Một mẫu định dạng CSS có thể được định nghĩa một lần nhưng áp dụng được cho nhiều phần tử HTML tương

Cách thiết lập CSS nội tuyến (inline CSS) là phương pháp tối ưu nhất để quản lý định dạng thống nhất cho cả một website lớn

Với mẫu định dạng h1, h2 { color: blue; }, cả thẻ <h1> và <h2> trên trang web sẽ đều có chữ màu xanh

Vùng mô tả trong CSS được bao quanh bởi cặp dấu ngoặc nhọn {} và chứa các quy định về thuộc tính, giá trị

Trong một tệp CSS ngoài, các dòng chú thích phải được đặt bên trong cặp kí hiệu /* ... */

Để kết nối tệp HTML với một tệp CSS ngoài có tên style.css, ta sử dụng thẻ <link> đặt trong phần <body> của trang web

Nếu muốn thay đổi màu chữ của toàn bộ trang web từ xanh sang đỏ, ta chỉ cần sửa giá trị màu sắc một lần duy nhất trong tệp CSS ngoài đã liên kết

background-color

font-color

color

text-style

sans-serif

serif

monospace

fantasy

Phông chữ serif bất kỳ

Phông chữ mặc định của hệ thống.

Phông chữ Tahoma

Phông chữ Times

px

pt

em

cm

p {text-indent: 2em;}

p {text-align: 2em;}

p {line-height: 2em;}

p {padding-left: 2em;}

Thuộc tính text-align hỗ trợ các kiểu căn lề bao gồm: left, center, right, justify

Đường cơ sở (baseline) là khoảng cách giữa các dòng trong cùng một đoạn văn bản

Thuộc tính text-decoration có giá trị line-through dùng để tạo đường kẻ phía trên chữ

Nếu thiết lập p {text-indent: -10px;}, dòng đầu tiên của đoạn văn sẽ lùi ra ngoài (thụt lề treo)

Ký hiệu * trong bộ chọn dùng để áp dụng định dạng cho mọi phần tử trong trang web

Theo nguyên tắc kế thừa, nếu thiết lập màu chữ cho thẻ <body> thì các thẻ con như <h1>, <p> bên trong cũng sẽ có màu đó (nếu không có định dạng riêng)

Khi một phần tử có nhiều mẫu CSS cùng thiết lập một thuộc tính, trình duyệt sẽ luôn ưu tiên thực hiện mẫu định dạng được viết đầu tiên

Để một thuộc tính chắc chắn được ưu tiên cao nhất bất kể vị trí viết, ta thêm từ khóa !important ngay sau giá trị của thuộc tính đó