Gốc > Kho Code, thiết kế website, học tin học > Thiết kế trang Web >
Hướng dẫn chèn code
Phần 1. Chỉ chèn hình ảnh.
1. Chèn hình với kích thước mặc định.
2. Chèn hình ảnh với kích thước tùy chỉnh.
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.
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.
Trong đó:
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.
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.
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.
3. Chèn hình với tất cả thuộc tính nâng cao.
Trong đó:
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.
Kết quả hiển thị:
Nguyễn Hữu Điệp @ 22:34 29/02/2012
Số lượt xem: 10955
1. Chèn hình với kích thước mặc định.
Trích:
| <img src="Link Hình" /> |
2. Chèn hình ảnh với kích thước tùy chỉnh.
Trích:
| <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.
Trích:
| <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.
Trích:
| <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 đó:
Trích:
| 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í 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.
Trích:
| <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.
Trích:
| <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.
Trích:
| <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.
Trích:
| <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 đó:
Trích:
| 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.
Trích:
| <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ì Forum ko chèn được khung nên bài viết hơi khó theo dõi. Bạn có thể xem bài viết gốc tại đây
Nguyễn Hữu Điệp @ 22:34 29/02/2012
Số lượt xem: 10955
Số lượt thích:
0 người
- Cách xử lí khi mất menu hoặc thư mục con ...dành cho thầy cô mới thiết kế web ViOLET (23/02/12)
- Cảm ơn (04/05/11)
- Cách Tạo file Excel liên kết thành viên (03/05/11)
- Cách tạo bài viết có thanh cuốn (01/05/11)
- Code chia cột bài viết (01/05/11)
Hướng dẫn chèn code
Gởi thầy nền trong suốt khó nhìn quá thầy ơi
Nhờ Thầy hướng dẫn tạo bài viết dài có thanh cuộn "utnguyen.longtuyen50@gmail.com"
Để tạo bài viết có thanh cuộn cho trường hợp bài viết quá dài thầy làm như sau:
<div style="height: 60px; overflow: scroll;">
Nội dung bài viết
</div>
<br>
Có thể thay đôi giá trị height: 50px (thay bằng 100px. ...) tùy vào việc thầy lựa chọn độ cao cố định của bài viết cho phù hợp với bố cục trên blog của thầy.
thầy cho xin link tên miền miễn phí với!
mail: vnnk009@gmail.com
Tên miền thầy muốn là gì?
thầy ơi em muốn mua tên miền cho phòng giáo dục với tên miền như sau Thuthua.edu.vn còn không thầy và giá là bao nhiêu? chi phí duy trì mỗi năm bao nhiêu? Nhờ thầy giúp em,xin cảm ơn thầy !
Tên miền edu.vn là tên miền chính thống của ngành giáo dục, thầy lại muốn lập web cho PGD nữa nên càng phải chuẩn hơn. Có lẽ phải thuê thiết kế hẳn hoi. Trước đây mình đã thử liên hệ để thuê thiết kế web cho trường với tên miền edu.vn nhưng chi phí thiết kế họ đòi 10 triệu, chi phí duy trì mỗi năm khoảng 4,5 triệu! Thấy đắt nên mình không àm nữa. Không biết bây giờ giá thế nào nữa! Thầy có thể tìm hiểu bằng cách search trên google xem sao! Chúc thầy thành công!