Học HTML – Link liên kết, link ảnh, thẻ trang trí bài viết

Vậy là chúng ta đã đi được gần nữa chặng đường trong series học html cơ bản này rồi. Ở bài này chúng ta sẽ chủ yếu đi vào những thứ phục vụ viết bài.

1: Link liên kết

Cú pháp cơ bản:

<a href="http://tenmien.com">Mô tả liên kết</a>

Đây được coi là cú pháp cơ bản nhất của link liên kết, bởi vì nó không có chứa các thuộc tính nào khác nữa.

Cú pháp nâng cao:

<a href="http://tenmien.com" title="mô tả link" style="color:red; font-size:20px;" target="_blank">Mô tả liên kết</a>

Trong link liên kết này có chứa 3 thuộc tính, thuộc tính title trả về mô tả khi ta di chuột vào link, thuộc tính style giúp  tạo màu chữ, kích cỡ chữ, thuộc tính thứ 3 giúp mở tab mới khi click chuột vào.

2: Link liên kết hình ảnh

Hiển thị ảnh thông thường: <img  src="https://link ảnh"  />

Với cú pháp trên bạn chỉ có thể hiển thị được link ảnh với kích thước bình thường. Nhưng nếu bạn đang tối ưu nội dung bài viết chuẩn seo thì việc tối ưu ảnh chuẩn seo là việc vô cùng cần thiết vì vậy ta cần cho vào trong thẻ một số thuộc tính đồng thời định kích thước, hoặc liên kết đến trang khác thì bạn sử dụng cú pháp bên dưới.

<a href="http://link đến tang khác"><img  src="https://link ảnh alt="mô tả hình ảnh" width="300" height="205"/></a>

Thẻ thường dùng trong bài viết

<p>nội dung</p> thẻ này dùng để chứa một đoạn văn bản.

<strong>nội dung</strong> thẻ này có tác dụng in đậm văn bản.

<i>nội dung</i> thẻ này để in nghiêng văn bản.

<em>nội dung</em> thẻ này cũng có tác dụng in nghiêng văn bản.

<u>nội dung</u> thẻ này để gạch chân văn bản.

Bạn có thể sử dụng thuộc tính style để đặt vào trong các thẻ này để thêm màu và kích thước cho nó.

<code>nội dung</code> thẻ này có tác dụng hiển thị code dưới các dòng giống như trên các công cụ soạn thảo bạn viết,  tất cả sẽ hiển thị giống như ý của bạn.

<pre>nội dung</pre> có tác dụng giống thẻ <code>

Bài viết khác cùng serie

Bảo Nguyễn

Đam mê dòng nhạc Bolero, thích con gái phong cách công sở và thích bàn luận quân sự. Đã từng học tại HaUI khóa K16.

Leave a Reply

Be the First to Comment!

Notify of
avatar

Create Account



Log In Your Account