HTML có thể là một điều rất đáng sợ, đặc biệt là đối với một blogger mới. Và mặc dù không bắt buộc rằng bạn học HTML vì Blogger, WordPress và các phần mềm viết blog khác có trình chỉnh sửa bài đăng trên blog của WYSIWYG, tôi vẫn nghĩ rằng mọi blogger ít nhất nên biết những điều cơ bản, như cách thêm liên kết vào văn bản hoặc một hình ảnh bằng cách sử dụng HTML.
Ví dụ: nếu bạn muốn thêm một hình ảnh được liên kết trên thanh bên thì sao? Trong cả Blogger và WordPress, có những tiện ích đơn giản sẽ cho phép bạn làm điều đó mà không có kiến thức về HTML, nhưng những tiện ích đó giới hạn cách bạn có thể sắp xếp ảnh vì mỗi ảnh là tiện ích riêng và các tiện ích riêng lẻ thường được xếp chồng lên nhau khác.
Vì vậy, một bước quan trọng trong việc kiểm soát hoàn toàn việc sắp xếp các mục thanh bên của bạn là tìm hiểu cách liên kết văn bản và hình ảnh bằng HTML. Khi bạn bắt đầu tìm hiểu những điều cơ bản về HTML, bạn sẽ thấy rằng HTML không phải là một đoạn mã ngẫu nhiên. Nó thực sự rất có cấu trúc và rất logic. Trên thực tế, tôi thích viết các bài đăng của mình bằng HTML hơn là sử dụng trình soạn thảo WYSIWYG. Tôi thấy rằng tôi có nhiều quyền kiểm soát hơn đối với cách bài viết của tôi trông như thế nào khi tôi viết chúng bằng HTML, và tôi muốn có toàn quyền kiểm soát.
Vì vậy, chúng tôi sẽ bắt đầu với các liên kết ngày hôm nay. Tôi sẽ bắt đầu với một liên kết cơ bản, sau đó thêm vào một số tùy chọn nâng cao hơn.
Cách thêm một liên kết văn bản cơ bản bằng HTML
Chúng tôi đã làm quen với các liên kết văn bản trong một bài đăng trên blog. Chúng tôi thấy chúng trong mỗi bài chúng tôi đọc. Chúng trông giống như thế này
Bạn đã thấy trang điểm nhà bếp nhỏ của tôi chưa? Phải mất hai năm, nhưng cuối cùng tôi cũng đã hoàn thành nó!
Vì vậy, bây giờ hãy để Hãy xem mã tối thiểu cơ bản cần thiết để biến các từ nhà bếp nhỏ xíu trang điểm nhà bếp thành một liên kết. Mã đó trông giống như thế này
Điều đó không quá đáng sợ phải không? Bây giờ tôi sẽ chỉ cho bạn một cách khác. Đây là cấu trúc cơ bản cho mỗi liên kết văn bản duy nhất ..
Đây là một chút thông tin để giúp tất cả có ý nghĩa:
- tất cả các mã để tạo liên kết phải được đặt trong dấu ngoặc < > và phải được đặt ngay trước liên kết hoặc hình ảnh mà bạn muốn liên kết;
- ngay sau văn bản hoặc hình ảnh mà bạn muốn liên kết, bạn phải đặt mã để chỉ ra rằng liên kết kết thúc.
- văn bản được liên kết hiển thị trên một bài đăng trên blog hoặc trang web thường được gọi là văn bản neo hoặc siêu liên kết;
- một mã là viết tắt của cụm từ neo neo.
- chữ viết tắt của cụm từ siêu văn bản dành cho siêu văn bản.
- ngay sau khi href href, bạn phải sử dụng dấu bằng, sau đó đặt url vào trang mà bạn đang sử dụng liên kết bên trong dấu ngoặc kép.
Tôi sẽ cung cấp cho bạn thêm một ví dụ về câu có ba liên kết.
Mùa thu năm ngoái, tôi đã làm một vòng hoa từ giấy bìa một người giữ nến đã giải mã và một số lọ bí ngô thu nhỏ . giống như câu nói đó
Mùa thu năm ngoái, tôi đã làm một vòng hoa từ giấy bìa một cây nến nến đã được giải mã và một số lọ bí ngô thu nhỏ . 19659031] Cách thêm liên kết vào ảnh bằng HTML
HTML cho hình ảnh được liên kết gần giống với HTML cho văn bản được liên kết. Sự khác biệt duy nhất là thay vì văn bản, bạn phải bao gồm URL cho hình ảnh mà bạn muốn liên kết.
Trước khi bạn có thể thêm hình ảnh được liên kết vào blog của mình (ví dụ: trên thanh bên), trước tiên bạn phải tải lên hình ảnh đó hình ảnh cho một máy chủ trực tuyến. Nếu bạn viết blog trên WordPress, chỉ cần tải ảnh lên Thư viện phương tiện. Sau khi tải lên hình ảnh, bạn sẽ cần URL cho hình ảnh đó. URL cho hình ảnh phải kết thúc bằng .jpg, .png, .gif hoặc bất kỳ định dạng tệp ảnh nào khác. Một tập tin hình ảnh won từng có một kết thúc .html. Trên WordPress, bạn có thể lấy thông tin này từ trường có tên là URL tệp sau khi bạn tải lên hình ảnh.
Vì vậy, đây là một ví dụ về hình ảnh được liên kết [[9009004]
Và đây đoạn mã tạo ra liên kết đó
Như bạn có thể thấy, có một mã ở đó cho một tệp ảnh thay vì văn bản. Giống như HTML cần thiết để tạo liên kết, HTML cần thiết để làm cho ảnh xuất hiện phải được đặt trong ngoặc < >. Mã bắt đầu bằng img src có nghĩa là nguồn hình ảnh và sau đó là URL thực tế cho hình ảnh theo sau, được đặt trong dấu ngoặc kép.
Đó là HTML rất cơ bản để tạo một hình ảnh liên kết. Điều đó không khó chút nào, phải không?
Làm cách nào để căn giữa một hình ảnh được liên kết
Nếu bạn có thể thêm một hình ảnh được liên kết vào thanh bên của mình, rất có thể bạn sẽ muốn hình ảnh đó được căn giữa trong thanh bên. Điều đó thực sự khá đơn giản. Tất cả những gì bạn cần làm là thêm một chút mã vào đầu và cuối mã cho hình ảnh được liên kết. Mã đó trông giống như thế này
Thêm mã cho hình ảnh được liên kết ở đây Vì vậy, được thêm vào hình ảnh được liên kết, mã đó sẽ trông giống như điều này
Bây giờ tôi sẽ chia sẻ ba thuộc tính quan trọng hơn cần phải làm quen và biết cách sử dụng Vượt
Cách mở liên kết trong tab trình duyệt mới
Nếu bạn đang liên kết đến một trang web hoặc blog khác, cách tốt nhất là làm cho các liên kết đó mở ra một tab mới trong trình duyệt. Bằng cách đó, bạn có thể liên kết đến thông tin hữu ích trên các trang web khác, đồng thời giữ khách truy cập của bạn trên trang web của bạn ngay cả khi họ nhấp vào liên kết. Nói cách khác, bạn không bao giờ muốn cố ý gửi khách truy cập từ trang web của mình đến một trang web khác.
Vì vậy, việc yêu cầu trình duyệt mở liên kết trong một tab mới chỉ cần một đoạn mã nhỏ sau <mã liên kết. Mã đó trông giống như điều này
target = a target = chà _ blank, href =, https://www.addicted2decorating.com/diy-fazed-gravy-boat-succulent-planter.html [>>
Làm cách nào để thêm thuộc tính tiêu đề vào liên kết
Bạn đã bao giờ nhận thấy những thẻ nhỏ bật lên khi bạn di chuột qua thông tin được liên kết nhất định chưa? Chúng trông giống như thế này
Xem thẻ nhỏ có ghi là Phòng được thiết kế bởi Kristi ném? Điều đó bật lên khi bạn di chuột qua hình ảnh của My My Make Makeover ở đầu blog của tôi. Điều đó đã gọi một thuộc tính tiêu đề và đó là một cách tuyệt vời để thêm thông tin bổ sung cho độc giả của bạn.
Thêm một thuộc tính tiêu đề vào liên kết của bạn khá dễ dàng và chỉ cần thêm một chút thông tin sau thẻ <. Nó sẽ trông giống như thế này
<a title =. Tìm hiểu làm thế nào để tạo ra một chiếc thuyền nhỏ mọng nước đóng khung mọng nước href =, https: //www.addicted2decorating.com/diy-fazed-gravy-boat-succulent-planter.html Hồi> Tất nhiên, bạn có thể viết bất cứ điều gì bạn muốn trong thuộc tính tiêu đề. Chỉ cần bao gồm bất kỳ thông tin nào bạn nghĩ sẽ hữu ích cho độc giả của bạn để xem khi họ di con trỏ chuột qua liên kết. Tạo một liên kết, không theo dõi [[9009008] sẽ không đi vào chi tiết về cách các liên kết ảnh hưởng đến trang web của bạn. Chỉ cần nói rằng cách bạn liên kết đến các trang web khác là rất quan trọng trong mắt Google. Bạn có thể đọc thêm về liên kết trên Công cụ quản trị trang web của Google .
Điểm mấu chốt là nếu bạn đã nhận được bất kỳ loại bồi thường nào cho liên kết, cho dù đó là liên kết văn bản phải trả tiền, quảng cáo nút trong thanh bên của bạn , một bài đăng được tài trợ, một bài đăng mà bạn đang viết để đánh giá sản phẩm miễn phí mà bạn đã nhận được, v.v., thì các liên kết đó phải là các liên kết không theo dõi theo các hướng dẫn của quản trị web của Google.
để tạo một liên kết, không theo dõi, bạn cần thêm một đoạn mã đơn giản vào liên kết giống như thế này
rel = ra nofollow theo
Vì vậy, nếu chúng ta thêm nó vào mã hình ảnh được liên kết trước đó, thì nó 'Sẽ trông giống như thế này
<a title = Khăn Tìm hiểu cách tạo ra một chiếc thuyền nhỏ mọng nước đóng khung mọng nước rel = thép nofollow. ] target = chà _ blank, href =, https://www.addicted2decorating.com/diy-fazed-gravy-boat-succulent-planter.html *>
Một khi nó đã bị phá vỡ thành nhiều phần, nó không giống như đáng sợ, phải không? Và tất nhiên, chìa khóa để hiểu nó là thực hành!