{"id":12255,"date":"2026-10-14T14:34:44","date_gmt":"2026-10-14T06:34:44","guid":{"rendered":"https:\/\/www.cybermedian.com\/vn\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/"},"modified":"2026-10-14T14:34:44","modified_gmt":"2026-10-14T06:34:44","slug":"comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend","status":"publish","type":"post","link":"https:\/\/www.cybermedian.com\/vn\/comprehensive-guide-to-plantuml-title-header-footer-note-caption-and-legend\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn to\u00e0n di\u1ec7n v\u1ec1 PlantUML: Ti\u00eau \u0111\u1ec1, \u0110\u1ea7u trang, Ch\u00e2n trang, Ghi ch\u00fa, Ch\u00fa th\u00edch v\u00e0 B\u1ea3ng ch\u00fa gi\u1ea3i"},"content":{"rendered":"

H\u01b0\u1edbng d\u1eabn n\u00e0y bao g\u1ed3m s\u00e1u th\u00e0nh ph\u1ea7n \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng nhi\u1ec1u nh\u1ea5tv\u0103n b\u1ea3n v\u00e0 ch\u00fa th\u00edch<\/em>trong PlantUML. Trong m\u1ecdi v\u00ed d\u1ee5, t\u00f4i \u00e1p d\u1ee5ng c\u00e1c quy \u01b0\u1edbc n\u1ed9i b\u1ed9: skinparam defaultFontSize 14<\/code> v\u00e0 skinparam defaultFontColor #333333<\/code>\u1edf \u0111\u1ea7u t\u1ec7p.<\/p>\n

\u0110\u1ecbnh h\u01b0\u1edbng nhanh v\u1ec1 v\u1ecb tr\u00ed c\u1ee7a t\u1eebng th\u00e0nh ph\u1ea7n so v\u1edbi ph\u1ea7n th\u00e2n s\u01a1 \u0111\u1ed3:<\/p>\n\n\n\n\n\n\n\n\n\n\n
Th\u00e0nh ph\u1ea7n<\/th>\nV\u1ecb tr\u00ed tr\u00ean h\u00ecnh \u1ea3nh \u0111\u01b0\u1ee3c render<\/th>\nKh\u1ed1i nhi\u1ec1u d\u00f2ng?<\/th>\nM\u1ee5c \u0111\u00edch<\/th>\n<\/tr>\n<\/thead>\n
title<\/code><\/td>\nTrung t\u00e2m ph\u00eda tr\u00ean<\/td>\nC\u00f3 (end title<\/code>)<\/td>\nT\u00ean s\u01a1 \u0111\u1ed3 \/ phi\u00ean b\u1ea3n<\/td>\n<\/tr>\n
header<\/code><\/td>\nPh\u00eda tr\u00ean s\u01a1 \u0111\u1ed3 (\u0111\u1ea7u trang)<\/td>\nC\u00f3 (endheader<\/code>)<\/td>\nB\u1ed1i c\u1ea3nh, t\u00ean t\u1ed5 ch\u1ee9c, ph\u00e2n lo\u1ea1i<\/td>\n<\/tr>\n
footer<\/code><\/td>\nPh\u00eda d\u01b0\u1edbi s\u01a1 \u0111\u1ed3 (ch\u00e2n trang)<\/td>\nC\u00f3 (endfooter<\/code>)<\/td>\nT\u00e1c gi\u1ea3, c\u00f4ng c\u1ee5, d\u1ea5u th\u1eddi gian<\/td>\n<\/tr>\n
ch\u00fa th\u00edch<\/code><\/td>\nNgay b\u00ean d\u01b0\u1edbi s\u01a1 \u0111\u1ed3<\/td>\nKh\u00f4ng (m\u1ed9t d\u00f2ng)<\/td>\n\u0110\u00e1nh s\u1ed1 h\u00ecnh<\/td>\n<\/tr>\n
b\u1ea3ng ch\u00fa gi\u1ea3i<\/code><\/td>\nG\u00f3c c\u1ee7a s\u01a1 \u0111\u1ed3<\/td>\nC\u00f3 (k\u1ebft th\u00fac b\u1ea3ng ch\u00fa gi\u1ea3i<\/code>)<\/td>\nCh\u00eca kh\u00f3a k\u00fd hi\u1ec7u \/ gi\u1ea3i m\u00e3<\/td>\n<\/tr>\n
ghi ch\u00fa<\/code><\/td>\nG\u1eafn v\u00e0o ho\u1eb7c n\u1ed5i g\u1ea7n c\u00e1c ph\u1ea7n t\u1eed<\/td>\nC\u1ea3 hai d\u1ea1ng<\/td>\nB\u00ecnh lu\u1eadn v\u1ec1 m\u1ed9t ph\u1ea7n t\u1eed c\u1ee5 th\u1ec3<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
\n

1. Ti\u00eau \u0111\u1ec1<\/h2>\n

Ti\u00eau \u0111\u1ec1 s\u01a1 \u0111\u1ed3 n\u1eb1m c\u0103n gi\u1eefa \u1edf ph\u00eda tr\u00ean. N\u00f3 h\u1ed7 tr\u1ee3 \u0111\u1ecbnh d\u1ea1ng n\u1ed9i tuy\u1ebfn (<size><\/code>, <b><\/code>, <color><\/code>, <u><\/code>, <i><\/code>) v\u00e0 d\u1ea1ng nhi\u1ec1u d\u00f2ng.<\/p>\n

D\u1ea1ng \u0111\u01a1n gi\u1ea3n:<\/strong><\/p>\n

title D\u1ecbch v\u1ee5 X\u1eed l\u00fd \u0110\u01a1n h\u00e0ng\r\n<\/code><\/pre>\n
D\u1ea1ng nhi\u1ec1u d\u00f2ng c\u00f3 \u0111\u1ecbnh d\u1ea1ng:<\/strong><\/p>\n
title\r\n<size=20><b>D\u1ecbch v\u1ee5 X\u1eed l\u00fd \u0110\u01a1n h\u00e0ng<\/b><\/size>\r\n<size=14><color=#555555>S\u01a1 \u0111\u1ed3 Ng\u1eef c\u1ea3nh - v1.0<\/color><\/size>\r\nendtitle\r\n<\/code><\/pre>\n
V\u1edbi m\u1eabu ph\u1ee5 \u0111\u1ec1:<\/strong> PlantUML kh\u00f4ng c\u00f3 t\u1eeb kh\u00f3a ph\u1ee5 \u0111\u1ec1 chuy\u00ean d\u1ee5ng, v\u00ec v\u1eady h\u00e3y m\u00f4 ph\u1ecfng n\u00f3 b\u1eb1ng m\u1ed9t d\u00f2ng th\u1ee9 hai nh\u1ecf h\u01a1n nh\u01b0 \u0111\u00e3 hi\u1ec3n th\u1ecb \u1edf tr\u00ean.<\/p>\n
Nh\u1eefng l\u1ed7i ph\u1ed5 bi\u1ebfn<\/strong><\/p>\n