Toktips, Author at Taste of Knowlegde

Chèn ảnh
Để chèn ảnh vào HTML, chúng ta sẽ sử dụng thẻ <img> với các tham số bắt buộc, và thẻ này không có thẻ đóng. Ví dụ:
<img src=“https://4.bp.blogspot.com/-iSghD8lzpAo/XM_YW6kPgjI/AAAAAAAAHN4/3nZcz0G1D1IYPhbFWNPJZEV3T55lmRw0gCK4BGAYYCw/s75/46503779_10157256256552223_3430597538472787968_n.jpg“ title=“Giang Trần “ alt=“Ảnh tác giả” />

Giải thích

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

title: Tiêu đề của hình ảnh.

alt: Tên định danh của hình ảnh.

Ngoài ra bạn có thể bổ sung thêm thuộc tính width và height để điều chỉnh kích thước hiển thị hình ảnh.

Chèn video

Mặc dù hiện tại bạn chưa học đến HTML5 nhưng ở chức năng chèn video này chúng ta sẽ sử dụng một thẻ trong HTML để chèn video nhanh chóng đó là cặp thẻ <video> </video> như sau:

<video width=”320″ height=”240″ controls>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>

trong cặp thẻ <video> </video> sẽ có một thẻ <source> với các thuộc tính nhằm khai báo đường dẫn tập tin video và loại tập tin. Các thuộc tính bên trong cặp thẻ này có vẻ không có gì là khó hiểu vì bạn đã sử dụng mấy lần rồi đó, bạn có thể tham khảo thêm các thuộc tính khác của thẻ <video> tại đây.

Lưu ý: Để đảm bảo tất cả các trình duyệt có thể đọc được, chỉ nên chèn video định dạng MP4.

Chèn âm thanh – nhạc

Giống như thẻ <video>, để chèn âm thanh vào tài liệu HTML thì bạn có thể sử dụng thẻ <audio>

Chèn đối tượng kỹ thuật số với thẻ `<object>`

Ngoài các thẻ đặc trưng cho từng loại tập tin ở trên thì bạn còn có một cách khác để chèn các đối tượng kỹ thuật số vào tài liệu HTML đó là dùng thẻ <object>, đây là một thẻ có thể giúp bạn chèn các loại đối tượng kỹ thuật số như Flash, Java, Audio, Video, PDF, ActiveX. Nhưng thông thường thì các loại mã nhúng của một số website cho phép sử dụng mã nhúng như Youtube họ sẽ dùng thẻ này để bạn chèn đối tượng vào web.

Nhúng tài liệu HTML vào web

Nếu bạn có nhu cầu nhúng thẳng một trang nào đó vào tài liệu HTML của bạn thì có thể sử dụng thẻ <iframe>

rong đó, thuộc tính src là đường dẫn của trang bạn muốn nhúng vào, width và height là kích thước của khung hiển thị (gọi là frame).

Ngoài ra, có một cách nữa để chèn một liên kết và ép nó mở bằng frame trên website đó là sử dụng thuộc tính name trong thẻ <iframe> và thuộc tính target trong thẻ <a>

Trong đó, giá trị của thuộc tính target trong thẻ <a> phải trùng với giá trị trong thuộc tính name của thẻ <iframe>

HTML, HTMLCSS, Xây dựng trang web

Thẻ tạo liên kết trong html

Đăng vào 01/01/201930/05/2020 bởi Toktips

01
Th1

siêu văn bản có những đường liên kết (link) tới một tài liệu khác thông qua địa đường dẫn đến tài liệu hoặc địa chỉ website. Để tạo ra các đường liên kết trong HTML ta sẽ sử dụng cặp thẻ <a> </a> chứa các tham số như sau:

Ý nghĩa các thuộc tính:

href: Địa chỉ của tài liệu muốn liên kết đến, đây có thể là một đường dẫn thư mục hoặc địa chỉ website. Nếu bạn muốn truy cập một tài liệu trên cùng một cấp thư mục thì chỉ cần ghi tên-tập-tin.định dạng (ví dụ: gioi-thieu.html).
title: Tiêu đề của liên kết, tiêu đề sẽ hiển thị như một thông tin thêm khi rê chuột vào liên kết.
target: Xác định nơi mở tài liệu, nó có các giá trị như _blank (mở tài liệu trên cửa sổ mới), _self (mở tài liệu trên cửa sổ hiện tại, nếu bạn không khai báo thuộc tính target thì nó sẽ sử dụng giá trị này làm mặc định), _top (mở tài liệu trong nội dung trang hiện tại), _parent (mở tài liệu trên khung trình duyệt mẹ của nó).

Và một điều bạn cần biết đó là nội dung trong cặp thẻ <a> có thể là một nội dung siêu văn bản nào, bao gồm các thẻ tiêu đề, hình ảnh,…

Liên kết neo (Anchor Link)

Liên kết neo nghĩa là một liên kết trong siêu văn bản sẽ dẫn đến một vị trí đặc biệt trong cùng tài liệu mà không phải tải lại hoặc mở một tài liệu mới. Một liên kết neo sẽ có hai phần:

Khu vực được neo, được khai báo bằng thẻ bất kỳ với thuộc tính id (ví dụ:  ).
Liên kết neo, được khai báo bằng thẻ <a> nhưng có thuộc tính là href nhưng giá trị là có dấu # và tên id của khu vực cần truy cập đến (ví dụ: <a href="#noi-dung">xem nội dung</a>).

HTML, HTMLCSS, Xây dựng trang web

HTML – Cấu trúc của 1 web html

Đăng vào 31/12/2018 bởi Toktips

Một tài liệu hay tập tin HTML để được gọi là một tài liệu web thì sẽ được bao gồm bốn yếu tố chính đó là:

Có thẻ khai báo loại tập tin/tài liệu.
Có thẻ đóng và mở tài liệu HTML.
Có thẻ đóng và mở phần thông tin website.
Có thẻ đóng và mở phần nội dung website.

1. Thẻ khai báo loại tập tin

Ngay tại đoạn đầu tiên của tài liệu, chúng ta phải có một thẻ khai báo loại tập tin cho nó như thế này, cụ thể là ta sẽ khai báo rằng đây là tập tin HTML.

01	`<!DOCTYPE` `html>`

Với thẻ <!DOCTYPE> ở trên, ta có thêm một tham số đó là html. Tham số html này nghĩa là chúng ta khai báo với trình duyệt rằng đây là tài liệu HTML5 (HTML phiên bản 5), dù rằng chúng ta có thể không sử dụng HTML5 nhưng hiện tại khi khai báo tập tin HTML thì bạn cứ sử dụng tham số này vừa ngắn gọn lại vừa dễ dàng sử dụng thêm HTML5 nếu thích.

Ngoài ra, nó còn có một vài tham số khác

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>

Chú ý: thẻ <!DOCTYPE> không phải là một thẻ của HTML, mà nó chỉ là một thẻ khai báo thông tin trên tài liệu để trình duyệt hiểu phiên bản HTML mà bạn sử dụng trên website.

2. Thẻ đóng và mở tệp html

thẻ <html> </html> có nhiệm vụ khai báo cho trình duyệt biết rằng những nội dung bên trong cặp thẻ này là HTML. Tuy nhiên, bên trong thẻ này mình có thêm một thuộc tính tên là lang với giá trị là vi (<html lang="vi">). Thuộc tính này nghĩa là chúng ta khai báo cho trình duyệt biết mã ngôn ngữ mà ta sử dụng trên website, mã vi nghĩa là Vietnamese – tiếng Việt, bạn có thể tham khảo các mã ngôn ngữ khác tại đây.

Thẻ <html> </html> phải bao bọc toàn bộ nội dung website, không bao gồm thẻ <!DOCTYPE>.

3. Thẻ đóng và mở thông tin website

Phần khai báo thông tin của website sẽ được đặt vào bên trong cặp thẻ gọi là <head> </head>.

Nội dung bên trong thẻ này là:

– các thẻ chuyên cho khai báo thông tin website (meta): đây là một thẻ đặc biệt vì nó không có thẻ đóng như các thẻ khác mà sẽ có dấu gạch chéo như / ở đằng trước ký tự > cuối cùng. Thẻ này có mục đích khai báo các dữ liệu vĩ mô trong tài liệu web HTML của bạn như mô tả, từ khóa, tên tác giả, bảng mã ký tự sử dụng,…

Thẻ meta luôn được khai báo kèm theo ít nhất là một thuộc tính và mỗi thuộc tính phải luôn có giá trị. Ví dụ:

01	`<meta` `charset="utf-8"` `/>`

Trong đó, charset là tên thuộc tính và utf-8 là giá trị của thuộc tính charset.Nó có nhiệm vụ khai báo cho trình duyệt biết bảng mã ký tự siêu văn bản bên trong tài liệu là gì. Và hiện nay hầu hết chúng ta đều sử dụng bảng mã UTF-8 cho tất cả ngôn ngữ bao gồm các ngôn ngữ tiếng latin, chữ Hán – Nôm và các ngôn ngữ đọc từ phải sang trái (Right to Left – RTL) như tiếng Ả-Rập chẳng hạn

Ngoài ra còn có thể khai báo tác giả, mô tả, keyword

<meta name="author" content="Giang Trần" />

<meta name="description" content="Xây dựng trang web" />

<meta name="keyword" content="html, xây dựng trang web, thiet ke web" />

– tên website (title),

– khai báo CSS (style),

– khai báo các đoạn Javascript (script)

và một số thông tin khác.

Thường là các thông tin được khai báo trong đây sẽ không hiển thị trực tiếp thành siêu văn bản trên web nhưng nó sẽ có nhiệm vụ chứa các thông tin quan trọng về website.

4. Thẻ đóng và mở nội dung website

Đây là cặp thẻ mà bạn sẽ tiến hành viết nội dung vào, đó là cặp thẻ <body> </body>. Cặp thẻ này là để trình duyệt xác định đây là phần thân của website, nó sẽ chứa toàn bộ các nội dung siêu văn bản hoặc media mà bạn muốn nó hiển thị lên trang web của bạn.

Một số thẻ cơ bản như:

: In đậm chữ viết. – nhấn mạnh nội dung

: thẻ in đậm ( bold)

: In nghiêng chứ viết (italic).

In nghiêng – nhấn mạnh nội dung emphasized

: Gạch chân chữ viết.- unline

<strike>: Gạch ngang chữ viết.

<del>: xóa bỏ ngang nội dung. – delete

<code>: Định dạng cho một đoạn mã nào đó.

<hr>: Thước kẻ ngang trên tài liệu. – horizontor ( ko có thẻ đóng)

ngắt dòng- break( ko có thẻ đóng)

: Tô sáng chữ viết.
: đoạn văn bản – paragraph
chữ dưới subcript
chữ trên – superscript
<a > liên kết
<img> ảnh
…..

BKACAD, Business, ECDL, Excel, Giao trinh, iPMAC, Office

EXCEL NÂNG CAO -BKCAD

Đăng vào 01/12/2018 bởi Toktips

01
Th12

Chào mừng các bạn đến với khóa học

EXCEL NÂNG CAO dành cho khối Doanh Nghiệp.

Khóa học gồm các nội dung sau:
•ÔN TẬP EXCEL – CÁC TÍNH NĂNG CƠ BẢN VÀ NÂNG CAO

•CÁC NHÓM HÀM ĐẶC TRƯNG TRONG EXCEL

•BIỂU ĐỒ VÀ IN ẤN TRONG EXCEL

•TỔNG HỢP, PHÂN TÍCH VÀ THỐNG KÊ BÁO CÁO SỐ LIỆU

•CỘNG TÁC BỘ OFFICE – MACRO

1. Để bắt đầu khóa học. Các bạn vui lòng bấm vào ĐĂNG KÝ thông tin học viên để vào lớp học:

2. Dựa và các tài nguyên có sẵn bên dưới. Chúng ta sẽ cùng nhau tìm hiểu và thực hiện yêu cầu của từng buổi học.

Giáo trình môn học dựa theo Giáo trình gốc – bản tiếng Anh

Bộ bài tập thực hành Excel advanced 2010
file tổng hợp macro

3. Sau khi kết thúc khóa học. Các bạn vui lòng thực hiện bài kiểm tra kiến thức sau:

Excel Nâng Cao
– Phần thi lý thuyết: Link bài thì
– Phần thi Thực Hành: Link yêu cầu

( Giảng viên sẽ cung cấp mã đăng nhập cho bài kiểm tra)

BKACAD, Excel, Office, Power Point, Word

Microsoft Office Cơ bản – Basic

Đăng vào 01/11/2018 bởi Toktips

01
Th11

Chào mừng các bạn đến với khóa học

Tập huấn kỹ năng văn phòng Microsoft Office cơ bản cho người đi làm

1. Để bắt đầu khóa học. Các bạn vui lòng bấm vào ĐĂNG KÝ thông tin học viên để vào lớp học:

2. Bộ TÀI NGUYÊN khóa học

Bộ Giáo trình Office
Noi dung chi tiet
Tài nguyên Power Point ( mẫu – âm thanh – hình ảnh minh họa)

3. Bài thực hành Tài liệu thực hành

4. Sau khi kết thúc khóa học. Các bạn vui lòng thực hiện bài kiểm tra kiến thức sau:

Office Cơ Bản

– Phần thi lý thuyết: Bài kiểm tra tổng hợp Word – Excel
– Phần thi Thực Hành:

5. NỘI DUNG CHI TIẾT CHƯƠNG TRÌNH HỌC

Microsoft Word

Khởi động với Microsoft Word

Các thao tác cơ bản trong Microsoft Word

Các định dạng cơ bản

Làm việc với bảng biểu

Các công cụ tiện ích: mục lục và trộn thư trong Microsoft Word

In ấn trình bày trong Word

Microsoft Excel

Giới thiệu chung về Microsoft Excel

Làm việc với bảng tính

Định dạng bảng tính

Công thức và hàm

Biểu đồ và đồ thị

Căn chỉnh – In ấn và trao đổi thông tin

Microsoft Power Point

Giới thiệu về MS Power Point

Làm việc với Power point

Làm việc với văn bản trong Power Point

Làm việc với bảng biểu trong Power Point

Làm việc với WordArt và ClipArt

Trình diễn – In Ấn

Bổ trợ

– Kỹ năng khai thác và tìm kiếm thông tin trên mạng Internet

Uncategorized

Microsoft Office trong Doanh Nghiệp

Đăng vào 14/09/2018 bởi Toktips

14
Th9

Microsoft Office trong Doanh Nghiệp.

Khóa học gồm các nội dung sau:

1Microsoft Word

Kiến thức nâng cao trong wor như: Tạo liên kết động, mục mục, trộn thư, cộng tác trên tài liệu, sử dung macro, tạo Form dữ liệu đầu vào..

2Microsoft Excel

Các kỹ thuật để thao tác dữ liệu nhanh và hiệu quả hơn thông qua các phím tắt và thủ thuật phù hợp. Các quy tắc trình bày dữ liệu trực quan. Sử dụng phân tích dữ liệu bằng Subtotal, Pivot Table, Pivot table chart. Sử dụng các nhóm hàm thống kê, tìm kiếm và tham chiếu nâng cao, ứng dụng Macro….

3Microsoft Power Point

Các kỹ thuật trình bày nội dung nâng cao về hiệu ứng, liên kết, kỹ năng trình chiếu, xuất bản bài thuyết trình.

1. Để bắt đầu khóa học. Các bạn vui lòng bấm vào ĐĂNG KÝ thông tin học viên để vào lớp học:

2. Dựa và các TÀI NGUYÊN có sẵn bên dưới. Chúng ta sẽ cùng nhau tìm hiểu và thực hiện yêu cầu của từng buổi học.

Bộ Giáo trình Office
Noi dung chi tiet
Tiến độ giảng dạy
Slide bài giảng

3. TÀI LIỆU thực hành theo buổi học
Word: Tài liệu thực hành
Excel: Tài liệu thực hành

Power Point: Tài liệu thực hành

3. Sau khi kết thúc khóa học. Các bạn vui lòng thực hiện bài kiểm tra kiến thức sau:

– Phần thi lý thuyết:
– Phần thi Thực Hành:

kiểm thử, testcase, tester, testlink

Cài đặt testlink – Testlink installation

Đăng vào 02/03/2018 bởi Toktips

Các bước install testlink

1. Cài Xampp để cài tổng hợp cả Apache Web server, PHP, MySQL

XAMPP hoàn toàn miễn phí/ Dễ sử dụng/Hỗ trợ các hệ điều hành thông dụng như Windows, Mac, Linux.

Để tải XAMPP, https://www.apachefriends.org/download.html

* Lưu ý: có thể đổi cổng localhost từ 80 sang 8080 hoặc 81 bằng mở bảng điều khiển XAMPP lên và chọn nút Config của Apache, sau đó chọn Apache (httpd.conf). Tìm dòng listen:80 đổi thành 8080 hoặc 81

Thư mục C:xampphtdocs là nơi chứa các thông tin. Sau này đây là nơi lưu trữ thông tin csdl của Testlink.

Để tạo database Testlink, truy cập vào localhost http://localhost/phpmyadmin. Create database. Tạo user admin cho csdl Testlink tại testlink/privileges/add user account với full quyền.

2.Tải Testlink mới nhất testlink1.9.17

Giải nén testlink vào thư mục C:xampphtdocs . Đổi tên thành testlink

Mở file C:xampphtdocstestlinkconfig.inc.php tìm và sửa thông tin nội dung sau:

“/var/testlink/” = C:/xampp/htdocs/testlink/ sau đố lưu lại

3. Mở http://localhost/testlink để cài đặt

4. Đăng nhập lần đầu vào http://localhost/testlink/login

user và pass mặc định là : admin/ admin

5. Trường hợp lỗi đăng nhập testlink với đoạn :

PHP Deprecated: __autoload() is deprecated, use spl_autoload_register() instead in /qa-include/vendor/PHPMailer/PHPMailerAutoload.php on line 45

Vào file C:xampphtdocstestlinkthird_partyphpmailerPHPMailerAutoload.php

sửa đoạn code:
function __autoload($classname)
{
PHPMailerAutoload($classname);
}

thành

spl_autoload_register(function($class) {
PHPMailerAutoload($classname);
});

Sau đó khởi động lại xampp; xóa bỏ bộ nhớ đệm; login lại

kiểm thử, testcase, tester, testlink

Kiểm thử với Testlink

Đăng vào 01/03/2018 bởi Toktips

1. Giới thiệu về Testlink###

Testlink là tool quản lý được sử dụng rộng rãi dựa trên mã nguồn mở. Nó kết hợp đồng thời cả hai requirements specification và Test specification. Người dùng có thể tạo một test project và tài liệu test case sử dụng tool này. Chúng ta có thể tạo tài khoản cho nhiều người dùng và assign những quyền người dùng khác nhau.
Người dùng có thể quản lý test case. Testlink hỗ trợ cả hai thực hiện test case bằng tay và tự động thực thi test case.
Với tool này thì người kiểm thử có thể sử dụng để xuất ra file test report và tài liệu Test plan trong 1 phút. Nó hỗ trợ xuất ra file Test report của MS Word, Excel, HTML formats.

2. Lợi ích của Test link

Hỗ trợ nhiều project
Dễ dàng import hoặc export test case
Dễ dàng tích hợp với nhiều tool quản lý defect
Tự động thực hiện test case thông qua XML-RPC
Dễ dàng lọc test case theo keywords, version và testcase ID
Dễ dàng để assign test case tới nhiều user
Dễ dàng xuất ra test plan, test report

Lưu trữ tác giả: Toktips

Uncategorized

Các cấp độ trong kiểm thử

BKACAD, iPMAC, Power Point

Kỹ năng thuyết trình trên Power Point 2013 Nâng cao

HTML, HTMLCSS, Xây dựng trang web