Diễn Dàn 12C4

12C4, Diễn đàn 12C4, Dien dan 12C4, NH1, Nghia Hanh, Truong THPT So 1 Nghia Hanh, Nghĩa Hành, Quảng Ngãi, Quang Ngai
 
Trang ChínhPortalCalendarTrợ giúpTìm kiếmThành viênNhómĐăng kýĐăng Nhập
Tìm kiếm
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Hướng Dẫn Mix Và Thu Âm Ko Rè Với ADOBE AUDITION 3.0
Sun Apr 07, 2013 10:41 pm by Admin

» [Phim mới][KBS 2012] Love Rain 사랑비 - Jang Keun Suk, YoonA - (Vietsub E19 HD)
Tue May 29, 2012 9:00 pm by Admin

» nhớ ơi là nhớ lun
Wed Apr 25, 2012 7:01 pm by Thehien_2011

» nên hay không?
Sat Apr 07, 2012 8:59 am by kim huyen

» mi bạn giup mh với
Tue Apr 03, 2012 9:28 pm by Thehien_2011

» Tuyên ngôn đàn ông
Tue Apr 03, 2012 9:26 pm by Thehien_2011

» Bí kíp chém gió( lấy từ 1 cao thủ trong nghề)
Tue Apr 03, 2012 9:19 pm by Admin

» khong aj co the thay the anh
Tue Mar 06, 2012 12:06 am by Thehien_2011

» Chiêu cao tay của bố!
Sun Feb 12, 2012 2:13 pm by Admin

Navigation
 Portal
 Diễn Đàn
 Thành viên
 Lý lịch
 Trợ giúp
 Tìm kiếm
 Webside 12C4pro.99k.org
Google+| tweet |Facebook

Share | 
 

 Code chèn hình ảnh vào Blog, forum

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Admin
Admin
avatar

Điểm kinh nghiệm : 714
Vote : 4
Birthday : 20/11/1992
Đến từ : Việt Nam

Bài gửiTiêu đề: Code chèn hình ảnh vào Blog, forum   Tue Oct 18, 2011 3:42 pm

Phần 1. Chỉ chèn hình ảnh.



1. Chèn hình với kích thước mặc định.


Quote:







<img src="Link Hình" />





2. Chèn hình ảnh với kích thước tùy chỉnh.


Quote:







<img src="Link Hình" width="n" height="n" />



Bạn chỉ sử dụng code này trong trường hợp bạn biết về kích thước của hình. Ko thì hình sẽ bị biến dạng.




3. Thiết lập chiều rộng của ảnh.


Quote:







<img src="Link Hình" width="n" />



Cách này áp dụng khi bạn muốn kích thước của hình vừa với chiều rộng của entry, module hay comment.


Khi bạn tùy chỉnh chiều rộng thì chiều cao sẽ tự thay đổi theo.



4. Chèn hình ảnh với tất cả các thuộc tính nâng cao.


Quote:







<img src="Link Hình" alt="Viết chú thích cho tấm hình" title="Nội dung tấm hình" width="n" height="n" border="n" />





Trong đó:





Quote:







src="Link Hình"

Đường dẫn đến tập tin hình ảnh.



alt="Chú Thích"

Tạo chú thích cho hình ảnh chèn vào.

Một số trình duyệt không hỗ trợ hình ảnh hoặc người dùng xác lập không hiển thị hình ảnh hay không tải hình. Trong trường hợp này hình được thay thế bởi một khung trống và kèm câu chú thích.



title="Nội dung"

Khi rê chuột vào tấm hình sẽ hiển thị nội dung.



width="n"

height="n"


Xác lập kích thước ảnh. Tránh lạm dụng để thay đổi kích thước ảnh vì có thể làm biến dạng ảnh.

n: có thể tính bằng pixel hay tỷ lệ phần trăm




border="n"

Chỉ định độ dày đường viên bao quanh ảnh.

n=0: không có đường viền


Với bảng này bạn có thể thêm các thẻ, hoặc xóa các thẻ để được đoạn code như ý. Mỗi thẻ cách nhau bằng 1 khoảng trắng.



Ví dụ: Bạn chỉ muốn viết chú thích cho tấm hình chứ ko muốn hiển thị nội dung khi rê chuột đến thì bạn thêm thẻ alt="Viết chú thích cho tấm hình" và ko thêm thẻ title="Nội dung tấm hình". Tương tự đối với các thẻ khác.



Ví Dụ cụ thể:



Trường hợp chèn hình ảnh với tất cả thuộc tính nâng cao.


Quote:







<img src="http://files.myopera.com/mrcosvnblog/albums/3198101/mrcos_avata.jpg" alt="MrCosVn's Blog" title="Avata" width="150" height="150" border="1" />





Kết quả hiển thị :



Phần 2. Chèn hình ảnh có link muốn dẫn đến.

( Khi bạn click vào hình ảnh sẽ dẫn đến 1 trang khác)



1. Chèn hình với kích thước mặc định.


Quote:







<a href="Link liên kết muốn đến"><img src="Link ảnh" ></a>



2. Chèn với kích thước mặc định, khi click vào hình sẽ hiện ra cửa sổ mới.


Quote:







<a href="Link liên kết muốn đến" target="_blank"><img src="Link Hình" />



3. Chèn hình với tất cả thuộc tính nâng cao.



Quote:







<a href="Link liên kết muốn đến" target="_blank"><img src="Link Hình" alt="Viết chú thích cho tấm hình" title="Nội dung tấm hình" width="n" height="n" border="n" />





Trong đó:





Quote:







href="Link Liên Kết"

Đường dẫn đến trang web muốn đến.



src="Link Hình"

Đường dẫn đến tập tin hình ảnh.




alt="Chú Thích"


Tạo chú thích cho hình ảnh chèn vào.

Một số trình duyệt không hỗ trợ hình ảnh hoặc người dùng xác lập không hiển thị hình ảnh hay không tải hình. Trong trường hợp này hình được thay thế bởi một khung trống và kèm câu chú thích.



title="Nội dung"

Khi rê chuột vào tấm hình sẽ hiển thị nội dung.




width="n"

height="n"


Xác lập kích thước ảnh. Tránh lạm dụng để thay đổi kích thước ảnh vì có thể làm biến dạng ảnh.



border="n"


Chỉ định độ dày đường viên bao quanh ảnh.

n=0: không có đường viền



target="_blank"

Nếu chèn thẻ này vào thì khi bạn click vào hình sẽ hiện ra cửa sổ mới





Với bảng này bạn có thể thêm các thẻ, hoặc xóa các thẻ để được đoạn code như ý. Mỗi thẻ cách nhau bằng 1 khoảng trắng.



Ví dụ: Khi bạn muốn chỉ tùy chỉnh chiều rộng của tấm hình cho phù hợp với module hoặc bài viết thì bạn thêm thẻ width="n" và ko cần thêm thẻ height="n", tương tự cho các thẻ khác.



Ví Dụ cụ thể:



Trường hợp chèn hình ảnh với tất cả thuộc tính nâng cao.


Quote:







<a href="http://vn.360plus.yahoo.com/mrcosvn" target="_blank"><img src="http://files.myopera.com/mrcosvnblog/albums/3198101/mrcos_avata.jpg" alt="MrCosVn's Blog" title="Avata" width="150" height="150" border="1" />





Kết quả hiển thị:




Về Đầu Trang Go down
Xem lý lịch thành viên http://lop12c4.forum-viet.com
 

Code chèn hình ảnh vào Blog, forum

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

 Similar topics

-
» Túi khí chèn hàng chính hãng SINGAPORE - Mr Duy : 0988.542.863
» Bộ luật quốc tế về Ổn định nguyên vẹn năm 2008 (IS Code 2008)
» Hướng dẫn một số chức năng trên diễn đàn (chèn ảnh, upload tài liệu...)
» IMDG Code on CD Version 7.0 (2004) [Cập nhật: bản IMDG Code 2012 mới]
» Quanh IMDG Code

Permissions in this forum:Bạn không có quyền trả lời bài viết
Diễn Dàn 12C4 :: Thông tin :: Mẹo vặt-